@charset "utf-8";
/*****************
	contents.css
	2025.12.04
******************/


/* **********************
	* 컨텐츠타이틀
********************** */
/* main-title */
.main-stitle-con{position:relative; height:62px; border-bottom:1px solid var(--gray20-color);}
.main-stitle-con .main-title-inner{padding-top:18px}
.main-stitle-con .main-title-inner .stitle-txt{position:relative;display:inline-block; padding:0 5px 0 25px; vertical-align:middle; font-size:22px; color: var(--black-color); font-weight:bold; }
.main-stitle-con .main-title-inner .explain-txt{display:inline-block; font-size:14px;}
.main-stitle-con .main-title-inner .bar:before{content:"│"; color: var(--gray40-color); padding-right:5px;}
.main-stitle-con .rbtn-con{position:absolute; right:25px; bottom:14px;}
.main-stitle-con .rbtn-con button{margin-left:5px;}

/* sub-title */
.sub-stitle-con{position:relative;}
.sub-stitle-con .sub-title-inner .stitle-txt{position:relative;display:inline-block; padding:2px 5px 0 12px; vertical-align:middle; font-size:16px; color: var(--black-color); font-weight:bold; }
.sub-stitle-con .sub-title-inner .stitle-txt:before{ content:""; position:absolute; top:7px; left:0; width:10px; height:10px; background: url(../img/ico_arrow_bold_right.png) center no-repeat; background-size:58%;}
.sub-stitle-con .sub-title-inner .explain-txt{display:inline-block; font-size:13px;}
.sub-stitle-con .sub-title-inner .bar:before{content:"│"; color: var(--gray40-color); padding-right:5px;}
.sub-stitle-con .rbtn-con{position:absolute; right:0; bottom:0;}
.sub-stitle-con .rbtn-con button{margin-left:5px;}
/* sub-title - fontsize14*/
.sub-stitle-con .sub-title-inner .xstitle-txt{position:relative;display:inline-block; padding:0 5px 0 12px; vertical-align:middle; font-size:14px; color: var(--black-color); font-weight:bold; }
.sub-stitle-con .sub-title-inner .xstitle-txt:before{ content:""; position:absolute; top:5px; left:0; width:10px; height:10px; background: url(../img/ico_arrow_bold_right.png) center no-repeat; background-size:50%;}
/* sub-title - fontsize22 :: 회원가입에 사용*/
.sub-stitle-con .sub-title-inner .lstitle-txt{position:relative;display:inline-block; padding:0 5px 0 14px; vertical-align:middle; font-size:20px; color: var(--black-color); font-weight:bold; }
.sub-stitle-con .sub-title-inner .lstitle-txt:before{ content:""; position:absolute; top:6px; left:0; width:12px; height:12px; background: url(../img/ico_arrow_bold_right.png) center no-repeat; background-size:50%;}



/* **********************
	* 검색박스
********************** */
.search-box {position:relative; width:100%; margin:0 0 24px 0; padding:13px 16px; background: var(--white-color); border: 1px solid #CCD7EE; border-radius:5px; -webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04);  box-sizing: border-box;}
.search-box *{line-height:1;}
.search-box .selection *{line-height: 1.4;}
.search-box table.border-none {width:90%; /*white-space:nowrap;*/}
.search-box table.border-none th {white-space:nowrap; padding:3px 6px 3px 10px; min-width:62px; color: var(--black-color);font-weight:bold; font-size: 13px;}
.search-box table.border-none td {white-space:nowrap; padding:3px 2px;font-weight: 400; font-size: 13px;}
.search-box table.border-none td button{font-weight:400;}
.search-box table.border-none td .btn-l{height:28px;}
.search-box table.border-none th,
.search-box table.border-none td{ text-align:left; vertical-align:middle; height:28px;}
.search-box .cm-radiobox label{margin-right:14px;}
.search-box .cm-radiobox label:last-child{margin-right:0;}
/* 2024.07.22 검색 체크박스 간격 조정*/
.search-box .cm-checkbox label{margin-right:8px;}
.search-box .cm-checkbox label:last-child{margin-right:0;}
.search-box .cm-checkbox input[type="checkbox"] {margin-left:0;}
.search-box input[type="text"],
.search-box input[type="password"],
.search-box input[type="email"],
.search-box input[type="number"],
.search-box select {height:28px;}



/* 검색 우측 버튼 영역 */
.search-box .right-search-btn{position:absolute; bottom:18px; right:30px; z-index:22;}
.search-box .right-search-btn button:last-child{margin-left:4px;}
.search-box .right-search-btn button{min-width:75px;}
/* 레이어 팝업영역 팝업 조회*/
.search-box.pop-search1 table.border-none th{font-size: 13px;}
.search-box.pop-search1 input[type="text"],
.search-box.pop-search1 input[type="search"],
.search-box.pop-search1 input[type="password"],
.search-box.pop-search1 input[type="file"],
.search-box.pop-search1 select{height:28px;}
.search-box.pop-search1 .right-search-btn{right:20px;}
.search-box.pop-search1 .right-search-btn button{min-width:69px;}
.search-box .btn-info{ vertical-align:middle; margin-top:5px; margin-left:5px;}
/* 24.03.27 추가 */
.search-box.pop-search1-pds{padding:8px 16px;}
.search-box.pop-search1-pds table.border-none{width:100%;}


/* **********************
	* 탭메뉴
********************** */
.tab-wrap{position:relative; height:36px; margin:0 0 30px 0; border-bottom:2px solid var(--gray30-color);}
.tab-wrap .admin-title{padding:10px 0 0 0; vertical-align:middle; font-size:20px; color:var(--darkblue-color);font-weight:bold; }
.tab-wrap .admin-title i{margin-right: 2px; vertical-align: middle; margin-top: -3px;}
.tab-wrap .rbtn-con{position:absolute; right:0; bottom:5px;}
.tab-wrap .rbtn-con button{margin-left:5px;}
/*tab-con*/
.tab-wrap .tab-inner-con{position:relative; padding:0 0;}
.tab-wrap .tab-inner-con ul{display:table; height:36px; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap .tab-inner-con ul li{display:table-cell;position:relative; height:auto;padding:0 28px; text-align:center;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.tab-wrap .tab-inner-con ul li span{display:inline-block; width:100%; height:100%; color: var(--gray60-color); white-space: nowrap; font-size:16px; letter-spacing:-0.35px; font-weight: 400; vertical-align:middle; text-align:center;  }
.tab-wrap .tab-inner-con ul li.selected{border-bottom:3px solid var(--darkblue-color);}
.tab-wrap .tab-inner-con ul li.selected span{font-weight:bold; color:var(--darkblue-color);}

/* 탭사이즈 small 팝업사용*/
.tab-wrap-small{position:relative; height:26px; margin:0 0 20px 0; border-bottom:1px solid var(--gray30-color);}
.tab-wrap-small .tab-inner-con{position:relative; padding:0 0;}
.tab-wrap-small .tab-inner-con ul{display:table; height:26px; table-layout:fixed; -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap-small .tab-inner-con ul li{display:table-cell;position:relative; height:auto;padding:0 16px; text-align:center;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.tab-wrap-small .tab-inner-con ul li span{display:inline-block; width:100%; height:100%; color: var(--gray60-color); white-space: nowrap; font-size:14px; letter-spacing:-0.35px; font-weight: 400; vertical-align:middle; text-align:center;  }
.tab-wrap-small .tab-inner-con ul li.selected{border-bottom:3px solid var(--darkblue-color);}
.tab-wrap-small .tab-inner-con ul li.selected span{font-weight:bold; color:var(--darkblue-color);}

/* 탭 스타일 02 :: 박스형*/
.tab-wrap02{position:relative; height:34px; margin:0 0 8px 0; border-bottom:1px solid var(--gray30-color);box-sizing: border-box;}
.tab-wrap02 .admin-title{padding:10px 0 0 0; vertical-align:middle; font-size:20px; color:var(--darkblue-color);font-weight:bold; }
.tab-wrap02 .admin-title i{margin-right: 2px; vertical-align: middle; margin-top: -3px;}
.tab-wrap02 .rbtn-con{position:absolute; right:0; bottom:5px;}
.tab-wrap02 .rbtn-con button{margin-left:5px;}
/*tab-con*/
.tab-wrap02 .tab-inner-con{position:relative; padding:0 0;}
.tab-wrap02 .tab-inner-con ul{/*display:table;*/ /* table-layout:fixed;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap02 .tab-inner-con ul:after{content:""; display:block; clear:both;}
.tab-wrap02 .tab-inner-con ul li{/*display:table-cell;*/ float:left; position:relative; height:34px; padding:6px 28px 0; border:1px solid #ddd; background: #f7f7f7; margin-left:-1px !important; text-align:center;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.tab-wrap02 .tab-inner-con ul li span{display:inline-block; width:100%; height:100%; color: var(--gray60-color); white-space: nowrap; font-size:14px; font-weight: 400; vertical-align:middle; text-align:center;  }
.tab-wrap02 .tab-inner-con ul li.selected{/*border-top:3px solid var(--darkblue-color);*/ background: var(--darkblue-color); border-color: var(--darkblue-color); padding:6px 28px 0;}
.tab-wrap02 .tab-inner-con ul li.selected span{font-weight:bold; color:var(--white-color);}
/* 2024.03.27 결재내역 탭 색상 추가*/
.tab-wrap02 .tab-inner-con ul li.color-style2{background:#eff5ff; }
.tab-wrap02 .tab-inner-con ul li.color-style2.selected{background: var(--darkblue-color);}

/* 탭 스타일 03 :: 아이콘+배경*/
.tab-wrap03{position:relative; height:42px; margin:0 0 8px 0; border-bottom:1px solid var(--gray30-color);box-sizing: border-box; -webkit-box-shadow: 0px 3px 2px 0 rgba(0,0,0,0.04); box-shadow: 0px 3px 2px 0 rgba(0,0,0,0.04);}
.tab-wrap03 .admin-title{padding:10px 0 0 0; vertical-align:middle; font-size:20px; color:var(--darkblue-color);font-weight:bold; }
.tab-wrap03 .admin-title i{margin-right: 2px; vertical-align: middle; margin-top: -3px;}
.tab-wrap03 .rbtn-con{position:absolute; right:0; bottom:5px;}
.tab-wrap03 .rbtn-con button{margin-left:5px;}
/*tab-con*/
.tab-wrap03 .tab-inner-con{position:relative; padding:0 0;}
.tab-wrap03 .tab-inner-con ul{/*display:table;*/ /* table-layout:fixed;*/ -webkit-box-sizing: border-box; box-sizing: border-box;}
.tab-wrap03 .tab-inner-con ul:after{content:""; display:block; clear:both;}
.tab-wrap03 .tab-inner-con ul li{/*display:table-cell;*/ float:left; position:relative; width:25%; height:42px; padding:9px 28px 0; border:1px solid #ddd; background: #f7f7f7; margin-left:-1px !important; text-align:center;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.tab-wrap03 .tab-inner-con ul li span{display:inline-block; width:100%; height:100%; color: var(--gray60-color); white-space: nowrap; font-size:16px; font-weight: 400; vertical-align:middle; text-align:center;}
.tab-wrap03 .tab-inner-con ul li.selected{z-index:222; border-top:1px solid var(--darkblue-color) !important;  border-color:var(--darkblue-color); background:var(--darkblue-color);/* background: var(--darkblue-color);*/ /*border-color:var(--darkblue-color);*/}
.tab-wrap03 .tab-inner-con ul li.selected span{font-weight:bold; color:var(--white-color);}
.tab-wrap03 .tab-inner-con ul li span i{ vertical-align:middle; margin-right:3px; margin-top:-2px; font-size:18px;}
.tab-wrap03 .tab-inner-con ul li:first-child{ border-radius:5px 0 0 0;}
.tab-wrap03 .tab-inner-con ul li:last-child{ border-radius: 0 5px 0 0;}


/* **********************
	* table
********************** */
/* table list01 ::그리드영역 색상 */
.tbl-type-list01 {position: relative; width:100%; margin-top:10px;}
.tbl-type-list01 table {width:100%;}
.tbl-type-list01 table th{padding: 3px 3px; height:33px; background: var(--grayblue60-color); border:1px solid var(--grayblue40-color); font-size: 13px; color: var(--white-color); text-align:center;box-sizing:border-box;}
.tbl-type-list01 table td{padding: 3px 3px; height:28px; border: 1px solid var(--gray30-color);  font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list01 table .ar {text-align: right;}
.tbl-type-list01 table tbody tr:hover{background:#f9f9f9;}
.tbl-type-list01 table tbody tr.selected,
.tbl-type-list01 table tbody tr.selected:hover{background:#FFFCE2;}
.tbl-type-list01 table tbody th{color: var(--black-color);/* background: var(--lgray10-color);*/ background: #fefefe; border-color: var(--gray30-color); font-weight:500;padding-top:5px;}
.tbl-type-list01 table tfoot th{background:#EFF5FF;  color: var(--black-color); border-bottom: 1px solid var(--gray30-color); border-right: 1px solid var(--gray30-color); border-left: 1px solid var(--gray30-color); border-top:2px solid var(--gray30-color); font-weight:500; padding-top:5px; }
/* 법인카드대사 건수 및 금액에 차이가 있는 카드 붉은 텍스트 및 배경 */
.tr-red,
.tr-red:hover{color: var(--red-color) !important; background: #FFF2F4 !important;}
.tr-red td,
.tr-red th{color: var(--red-color) !important;}
/* 2024.06.19 제외하기 배경색 */
.tr-red02,
.tr-red02:hover,
.tr-red02 td,
.tr-red02 th,
.tr-red02 td:hover,
.tr-red02 th:hover{background: #FFF2F4 !important;}


/* 2024.02.21 경비분류 텍스트 및 배경 추가 */
.tr-blue,
.tr-blue:hover{color: var(--darkblue-color) !important; background: #eff9ff !important;}
.tr-blue td,
.tr-blue th{color: var(--darkblue-color) !important;}

/* 확정 / 미확정/ 제외 */
.status-bg01{background:#e8f1ff; color:var(--black-color) !important;}
.status-bg02{background:#fefefe; color:var(--black-color) !important;}
.status-bg03{background:#fff2f4; color:var(--black-color) !important;}


/* 라인 없는 버전 삭제 20240105
.tbl-type-list01 {position: relative; width:100%; margin-top:10px; border-top:1px solid #BBBEC5; border-left:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color);}
.tbl-type-list01 table {width:100%;}
.tbl-type-list01 table th{padding: 8px 6px 5px; height:36px; background: var(--grayblue60-color); font-size: 13px; color: var(--white-color); text-align:center;box-sizing:border-box;}
.tbl-type-list01 table td{padding: 5px 6px; height:33px; border-top: 1px solid var(--gray30-color);  font-weight: 400; font-size: 13px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list01 table .ar {text-align: right;}
.tbl-type-list01 table tbody tr:hover{background:#f7f7f7;}
.tbl-type-list01 table tbody tr.selected,
.tbl-type-list01 table tbody tr.selected:hover{background:#FFFCE2;}*/


/* table list02 :: 회색 테이블 */
.tbl-type-list02 {position: relative; width:100%; margin-top:10px; border-top:1px solid var(--gray30-color); border-left:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color);}
.tbl-type-list02 table {width:100%;}
.tbl-type-list02 table th{padding: 3px 3px; height:33px; background: #EAECF3; font-size: 13px; color: var(--black-color); text-align:center; box-sizing:border-box;}
.tbl-type-list02 table td{padding: 3px 3px; height:28px; border-top: 1px solid var(--gray30-color);font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list02 table .ar {text-align: right;}
.tbl-type-list02 table tbody .bg-color1{background:#EFF5FF;}
.tbl-type-list02 table tbody tr:hover{background:#f9f9f9;}
.tbl-type-list02 table tbody tr.selected,
.tbl-type-list02 table tbody tr.selected:hover{background:#FFFCE2;}
.tbl-type-list02 table tfoot th{background:#EFF5FF; border-top:1px solid var(--gray30-color);}
.tbl-type-list02 table tbody th{background: #fefefe; border-top:1px solid var(--gray30-color); }
/* hover none*/
.tbl-type-list01 table.hover-none tbody tr:hover,
.tbl-type-list02 table.hover-none tbody tr:hover{background:none;}
/* table 변형 - table th td에 라인*/
.tbl-type-list02.tb-line {position: relative; width:100%; margin-top:10px; border-top:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color); border-left:none !important; border-right:none !important; }
.tbl-type-list02.tb-line table {width:100%;margin-top:-1px;}
.tbl-type-list02.tb-line table th{padding: 3px 3px; height:33px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;  font-size: 13px; color: var(--black-color); text-align:center;box-sizing:border-box;}
.tbl-type-list02.tb-line table td{padding: 3px 3px; height:28px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;  border-right: 1px solid #d3d3d3;font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list02.tb-line table thead th{border-top:1px solid #d3d3d3;}
.tbl-type-list02.tb-line table tbody th{font-weight:500 !important; /*padding-top:5px;*/}
.tbl-type-list02.tb-line table tfoot th{font-weight:500 !important; /*padding-top:5px;*/}
.tbl-type-list02.tb-line table .ar {text-align: right;}
/* table  변형 :: 합계 */
.tbl-type-list02.total-tbl table th{font-size:13px !important;}
.tbl-type-list02.total-tbl table td{height:28px; font-size:13px !important;}
/* table 변형 :: 시스템관리 설정관리 */
.tbl-type-list02.setting-tbl table thead th{height:33px; font-size:13px !important;}
.tbl-type-list02.setting-tbl table tbody th{ background:#fff; font-weight:500 !important;}
.tbl-type-list02.setting-tbl table tbody th,
.tbl-type-list02.setting-tbl table tbody td{height:50px; font-size:13px !important; padding: 3px 3px;}
/*.tbl-type-list02.setting-tbl table .cm-radiobox label{margin-top:-4px;}
.tbl-type-list02.setting-tbl table .cm-radiobox label::before{top:1px;}*/
.tbl-type-list02.setting-tbl table .setting-input{width:40px; height:20px; margin-top: -2px; text-align: center; vertical-align: middle;}

/* 2025.02.28 공인인증서관리 > 연동된 금융정보 테이블 스크롤 수정 */
.tableWrapper {
    max-height: 202px;
    overflow-y: auto;
}
.overflowTable {border-collapse:separate !important; }/*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
.overflowTable th {position: sticky;top: 0 !important;}
.overflowTable thead th{border-top:0 !important; border-bottom:1px solid var(--gray30-color) !important;}
.overflowTable td,
.overflowTable th{border-left:0 !important;}
.overflowTable td:first-child,
.overflowTable th:first-child{border-left:1px solid var(--gray30-color) !important;}



/* 예산관리 양식설정에 사용*/
.tbl-type-list01 input::placeholder,
.tbl-type-list02 input::placeholder{color: rgba(0,0,0,0.8);}
.tbl-type-list01 table .input-bd,
.tbl-type-list02 table .input-bd{border:1px solid #fff;}
.tbl-type-list01 table input[type="text"].input-bd,
.tbl-type-list02 table input[type="text"].input-bd{width:100%;height:100% !important; padding:3px 6px; text-align:right; box-sizing:border-box; font-size:12px;}
.tbl-type-list01 table select.input-bd,
.tbl-type-list02 table select.input-bd{width:100% !important;height:100% !important; border-color:transparent; background: transparent; font-size:12px;}
.tbl-type-list01 table input[type="text"].input-bd:focus,
.tbl-type-list01 table select.input-bd:focus,
.tbl-type-list02 table input[type="text"].input-bd:focus,
.tbl-type-list02 table select.input-bd:focus{background:#FFFCE2; border-color:#000 !important; color:#000;}
.tbl-type-list01 table input[type="text"].input-bd:hover,
.tbl-type-list01 table select.input-bd:hover,
.tbl-type-list02 table input[type="text"].input-bd:hover,
.tbl-type-list02 table select.input-bd:hover{background:#FFFCE2; border-color:#FFFCE2;}
.tbl-type-list01 input[disabled="disabled"],
.tbl-type-list01 input:disabled,
.tbl-type-list02 input[disabled="disabled"],
.tbl-type-list02 input:disabled {background: #f5f5f7; border-color:#f5f5f7 !important; pointer-events: none;}
.tbl-type-list01 input[readonly],
.tbl-type-list01 input[readonly="readonly"],
.tbl-type-list02 input[readonly],
.tbl-type-list02 input[readonly="readonly"]{background: #f8f8f8; border-color:#f8f8f8 !important; pointer-events: none;}

/* table list03 :: 회색 테이블 td에 라인없는버전 */
.tbl-type-list03 {position: relative; width:100%; margin-top:6px;}
.tbl-type-list03 table {width:100%;}
.tbl-type-list03 table th{padding: 3px 2px; height:32px; background: #EAECF3; font-size: 13px; color: var(--black-color); text-align:center; border-bottom:1px solid var(--gray30-color); border-top:1px solid var(--gray30-color); box-sizing:border-box;}
.tbl-type-list03 table td{padding: 3px 2px; height:28px; border-bottom: 1px solid var(--gray30-color);  font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list03 table .ar {text-align: right;}
.tbl-type-list03 table tbody tr:hover{background:#f9f9f9;}
.tbl-type-list03 table.hover-none tbody tr:hover{background:none;}
.tbl-type-list03 table tbody tr.selected,
.tbl-type-list03 table tbody tr.selected:hover{background:#FFFCE2;}

/* 2024.06.14 용도등록 테이블 안쪽 테이블에 사용 ::table list04 :: 회색 테이블 td에 라인없는버전 */
.tbl-type-list04 {position: relative; width:100%; margin-top:0;}
.tbl-type-list04 table {width:100%;}
.tbl-type-list04 table th{padding: 5px 2px !important; height:32px !important; background: #EAECF3; font-size: 13px; color: var(--black-color); text-align:center !important; border-bottom:none !important; /*border-bottom:1px solid var(--gray30-color); border-top:1px solid var(--gray30-color);*/ box-sizing:border-box;}
.tbl-type-list04 table td{padding: 5px 2px !important; height:auto !important; text-align:center !important; /* border-bottom: 1px solid var(--gray30-color);*/ border-bottom:none !important;  font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.tbl-type-list04 table .ar {text-align: right;}


/* table  변형 합계 - 공지사항 사용 */
.tbl-type-list03.bbs-list table th{height:40px; font-size:14px !important;}
.tbl-type-list03.bbs-list table td{height:38px; font-size:14px !important; font-weight:400 !important; padding-top:8px;}

/* 보더라인 */
.bd-left{border-left:1px solid var(--gray30-color) !important;}
.bd-right{border-right:1px solid var(--gray30-color) !important;}
.bd-top{border-top:1px solid var(--gray30-color) !important;}
.bd-bottom{border-bottom:1px solid var(--gray30-color) !important;}
/* 보더라인 none */
.bd-top-none{border-top:none !important;}
.bd-bottom-none{border-bottom:none !important;}
.bd-right-none{border-right:none !important;}
.bd-left-none{border-left:none !important;}
/* double */
.bd-left-double{border-left:3px double var(--gray30-color) !important;}
.bd-right-double{border-right:3px double var(--gray30-color) !important;}
.bd-top-double{border-top:3px double var(--gray30-color) !important;}
.bd-bottom-double{border-bottom:3px double var(--gray30-color) !important;}
/* 보더라인 어두운색 */
.bd-left-dark{border-left:1px solid var(--gray45-color) !important; }
.bd-right-dark{border-right:1px solid var(--gray45-color) !important;}
.bd-top-dark{border-top:1px solid var(--gray45-color) !important;}
.bd-bottom-dark{border-bottom:1px solid var(--gray45-color) !important;}


.tbl-type-list01 table tfoot th.bd-right-dark{border-right:1px solid var(--gray45-color) !important;}

/* 테이블 bg */
.bg-lgray{background: var(--lgray10-color) !important;}
.bg-gray{background: #f5f5f7 !important;}
.bg-yellow{background:#FFFCE2 !important;}

/* 합계에 사용 td */
.bg-lgray2,
.bg-lgray2 td{background: var(--lgray10-color) !important; color: var(--black-color) !important; font-weight:500 !important;}
.bg-yellow2,
.bg-yellow2 td{background: #fffdef !important; color: var(--black-color) !important; font-weight:500 !important;}
.bg-yellow2 input{background: #fffdef !important; border-color:#fffdef !important; /*pointer-events: none;*/}
.bg-blue2,
.bg-blue2 td{background: #eff5ff !important; color: var(--black-color) !important; font-weight:500 !important;}


/* 테이블 td값 짤리게 표현:: 2025.09.04 추가 */
.tbl-fixed {table-layout:fixed}
.tbl-fixed td,
.tbl-fixed th{ white-space: nowrap; overflow: hidden;}


/* td 세로값 */
.h-bar {width: 1px; height: 40px; display: block; background: var(--gray30-color);}

/* table list04::border-none-tbl */
.border-none-tbl table {width:100%;}
.border-none-tbl table th {padding:3px 6px 3px 10px; min-width:62px; color: var(--black-color);font-weight:bold; font-size: 14px;}
.border-none-tbl table td {padding:3px 2px;font-weight: 400; font-size: 13px;}
.border-none-tbl table th,
.border-none-tbl table td{ text-align:left; vertical-align:middle;}

/* table rowtype01 */
.tbl-type-row01 {width:100%; margin:0 0 10px 0; border-top:1px solid var(--black-color); border-bottom:1px solid var(--black-color); position: relative; white-space: nowrap; box-sizing:border-box;}
.tbl-type-row01 table {width:100%;  box-sizing:border-box;}
.tbl-type-row01 .selection *{line-height: 1.4;}
.tbl-type-row01 table th{padding:6px 8px;font-size: 13px; color:var(--black-color); font-weight:bold;}
.tbl-type-row01 table td{padding:6px 8px; font-size: 13px; color:var(--gray80-color);  }
.tbl-type-row01 table th,
.tbl-type-row01 table td{height:42px; text-align: left; vertical-align:middle;  border-bottom:1px solid var(--gray30-color); box-sizing:border-box;}
.tbl-type-row01 table th i {color:var(--red-color); margin-right:2px;}
.tbl-type-row01 table th i.none {margin-left: 6px; display:inline-block; margin-right:2px;}
.tbl-type-row01 table td select,
.tbl-type-row01 table td input[type="text"],
.tbl-type-row01 table td input[type="password"]{height:28px; /*padding:0 3px;*/}
.tbl-type-row01 .cm-radiobox label{margin-right:18px;}
.tbl-type-row01 .m-width80 label{min-width:80px;margin-right:10px;}
.popup-conts .tbl-type-row01 .cm-radiobox label,
.popup-conts .tbl-type-row01 .cm-checkbox label{font-size:13px;}
/* row type height값 라지 및 폰트 input 사이즈 키움 */
.tbl-h-large table th,
.tbl-h-large table td{height:48px; font-size: 14px;}
.tbl-h-large table th i {color:var(--red-color); margin-right:2px; margin-left: 10px; }
.tbl-h-large table th i.none {margin-left: 16px; display:inline-block; margin-right:2px;}
.tbl-h-large table td select,
.tbl-h-large table td input[type="text"],
.tbl-h-large table td input[type="password"]{height:32px;}
/* td에 나눔고딕 - 25.02.21폰트변경하며 프리텐다드로 수정 */
.font-nanum table td{font-family: "Pretendard" !important; font-weight:500; padding-top:9px; color: var(--gray70-color);}

/* row type height값 스몰 */
.tbl-h-small table th,
.tbl-h-small table td{height:32px !important; }

/* 2024.02.26 팝업창 타이틀과 컨텐츠 간격조정으로 마진값 수정*/
.popup-conts > .tbl-type-row01{margin-top:0 !important;}

/* 2024.06.17 분할작성 테이블 변형 */
.tbl-type-row01 thead th{text-align:center; border-color:#aaa; height:32px;}

/* 2024.12.10 추가 - 사용내역작성팝업 인풋width92-100퍼 사이즈로 일괄변경 */
.popup-conts .tbl-type-row01.tbl-pd-small table td textarea.width92,
.popup-conts .tbl-type-row01.tbl-pd-small table td select.width92,
.popup-conts .tbl-type-row01.tbl-pd-small table td input[type="text"].width92,
.popup-conts .tbl-type-row01.tbl-pd-small table td input[type="password"].width92{width:100% !important;}

/* 2025.03.25 오리온 고정자산등록 보더라인추가*/
.tbl-type-row01 .bd-bottom-darkline{border-bottom-color:#a3a3a3;}


/* table rowtype02 - 회색박스 */
.tbl-type-row02 {width:100%; margin:0 0 10px 0; border-top:1px solid var(--gray30-color); /*border-bottom:1px solid var(--gray30-color);*/ position: relative; white-space: nowrap; box-sizing:border-box;}
.tbl-type-row02 table {width:100%;  box-sizing:border-box;}
.tbl-type-row02 table th{padding:6px 8px;font-size: 13px; color:var(--black-color); font-weight:bold; background: #EAECF3; }
.tbl-type-row02 table td{padding:6px 8px; font-size: 13px; color:var(--gray80-color); }
.tbl-type-row02 table th,
.tbl-type-row02 table td{height:42px; text-align: left; vertical-align:middle;  border-bottom:1px solid var(--gray30-color); border-left:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color);box-sizing:border-box;}
.tbl-type-row02 table th i {color:var(--red-color); margin-right:2px;}
.tbl-type-row02 table th i.none {margin-left: 6px; display:inline-block; margin-right:2px;}
.tbl-type-row02 table td select,
.tbl-type-row02 table td input[type="text"],
.tbl-type-row02 table td input[type="password"]{height:28px; /*padding:0 3px;*/}
.tbl-type-row02 .cm-radiobox label{margin-right:18px;}
.tbl-type-row02 .m-width80 label{min-width:80px;margin-right:10px;}
.popup-conts .tbl-type-row02 .cm-radiobox label{font-size:13px;}
.tbl-type-row02 .al-pd{padding-left:16px !important;}
.th-bg-color01 th{background:#EFF5FF !important;} /* th bg컬러*/

/* table rowtype03 */
.tbl-type-row03 {width:100%; margin:0 0 10px 0; border-top:2px solid var(--darkblue-color); position: relative; white-space: nowrap; box-sizing:border-box;}
.tbl-type-row03 table {width:100%;  box-sizing:border-box;}
.tbl-type-row03 table th{padding:6px 8px;font-size: 13px; color:var(--black-color); font-weight:bold;}
.tbl-type-row03 table td{padding:6px 8px; font-size: 13px; color:var(--gray80-color); }
.tbl-type-row03 table th,
.tbl-type-row03 table td{height:42px; text-align: left; vertical-align:middle;  border-bottom:1px solid var(--gray30-color); box-sizing:border-box;}
.tbl-type-row03 table th i {color:var(--red-color); margin-right:2px;}
.tbl-type-row03 table th i.none {margin-left: 6px; display:inline-block; margin-right:2px;}
.tbl-type-row03 table td select,
.tbl-type-row03 table td input[type="text"],
.tbl-type-row03 table td input[type="password"]{height:28px; /*padding:0 3px;*/}
.tbl-type-row03 .cm-radiobox label{margin-right:18px;}
.popup-conts .tbl-type-row03 .cm-radiobox label,
.popup-conts .tbl-type-row03 .cm-checkbox label{font-size:13px;}

/************* fixed table scroll **************/
.sticky-table-scroll-wrap{width:100%; position:relative; border:1px solid var(--gray30-color); box-sizing:border-box;}
.sticky-table-scroll{width:100%; height: 600px; position: relative; margin:0; /*border-top:1px solid var(--gray30-color);*/ overflow-y: auto; overflow-x: auto; box-sizing:border-box;  z-index: 1;}
.sticky-table-scroll table.sticky-tbl-type {width:100%; /*border-collapse: collapse; */ border-spacing: 0; border-collapse:separate; } /*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
.sticky-table-scroll table.sticky-tbl-type thead th{padding: 3px 3px; height:33px; background: #EAECF3; font-size: 13px; color: var(--black-color); text-align:center; border-bottom: 1px solid var(--gray30-color); box-sizing:border-box;}
.sticky-table-scroll table.sticky-tbl-type tbody th{font-weight:400; white-space: nowrap; background:#fff;}
.sticky-table-scroll table.sticky-tbl-type th{padding: 3px 3px; height: 33px; background: #EAECF3; font-size: 13px; color: var(--black-color); border-right: 1px solid var(--gray30-color); text-align: center; box-sizing: border-box;}
.sticky-table-scroll table.sticky-tbl-type td{padding: 3px 3px; height:28px; border-bottom: 1px solid var(--gray30-color); border-right: 1px solid var(--gray30-color); font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.sticky-table-scroll table.sticky-tbl-type th:last-child,
.sticky-table-scroll table.sticky-tbl-type td:last-child{border-right:none;}
.sticky-table-scroll table.sticky-tbl-type thead{ position: -webkit-sticky; position: sticky; top: 0; z-index: 5;} /* header fixed */
.sticky-table-scroll .sticky-col {position: -webkit-sticky; position: sticky; z-index: 2;}
.sticky-table-scroll table.sticky-tbl-type tr:hover{background:#fefefe;}
.sticky-table-scroll table.sticky-tbl-type .selected,
.sticky-table-scroll table.sticky-tbl-type .selected:hover{background:#FFFCE2 !important;}

.sticky-table-scroll table.hover-none tr:hover{background:none !important;} /* 2024.12.23 추가 */

.sticky-table-scroll table.sticky-tbl-type tfoot{ position: -webkit-sticky; position: sticky; bottom: 0; z-index: 5;}
.sticky-table-scroll table.sticky-tbl-type tfoot th,
.sticky-table-scroll table.sticky-tbl-type tfoot td{border-collapse:separate; border-bottom:1px solid var(--gray30-color); border-bottom:none; height:36px; font-weight:bold;   box-sizing:border-box;}
.sticky-table-scroll table.sticky-tbl-type tfoot th{background:#EFF5FF; font-size:14px; }

.sticky-table-scroll table.sticky-tbl-type td select,
.sticky-table-scroll table.sticky-tbl-type td input[type="text"],
.sticky-table-scroll table.sticky-tbl-type td input[type="password"]{height:28px; }

/* table 보더 bottom none 2024.02.06 삭제 - 이름변경해서 사용예정
.bd-bottom-none-tbl table thead th{border-bottom:none !important;}
.bd-bottom-none-tbl table tbody td{border-bottom:none !important;} */

/* table 보더 bottom (지급이체테이블에사용) */
.bd-bottom-tbl table thead th{border-bottom:1px solid var(--gray30-color) !important;}
.bd-bottom-tbl table tbody td{border-top:0 !important; border-bottom:1px solid var(--gray30-color) !important;}

.sticky-table-scroll.height-small{height:250px; }
.sticky-table-scroll.height-small table.sticky-tbl-type tbody td:hover,
.sticky-table-scroll.height-small table.sticky-tbl-type tbody td:focus{background: none;}
.sticky-table-scroll.height-small table.sticky-tbl-type thead th{text-align:center; position: -webkit-sticky; position: sticky; top: 0;}
.sticky-table-scroll.height-small table.sticky-tbl-type tbody tr:hover{background:#f7f7f7;}

/* header dark mode */
.sticky-table-scroll .header-dark thead th{padding: 3px 3px; height:36px; background: var(--grayblue60-color) !important; font-size: 13px; color: var(--white-color) !important; text-align:center; border-top: 1px solid var(--grayblue40-color) !important; border-right:1px solid var(--grayblue40-color); box-sizing:border-box;}

/************* fixed table scroll2 **************/
.sticky-table-scroll-wrap2{width:100%; position:relative; border:1px solid var(--gray30-color); border-top:0; box-sizing:border-box;}
.sticky-table-scroll2{width:100%; height: auto; position: relative; margin:0; border-top:1px solid var(--gray30-color); overflow-y: auto; overflow-x: auto; box-sizing:border-box;  z-index: 1;}
.sticky-table-scroll2 table.sticky-tbl-type {width:100%; border-spacing: 0; border-collapse:separate; } /*  헤더 픽스시 보더 움직이는거 방지 border-collapse:separate;*/
/*.sticky-table-scroll2 table.sticky-tbl-type thead th{padding:8px 6px;font-weight:bold; background: #EAECF3; color: var(--black-color);}*/
.sticky-table-scroll2 table.sticky-tbl-type thead th{height:33px; padding: 3px 3px; background: var(--grayblue60-color); font-size: 13px; color: var(--white-color); border-bottom:1px solid var(--grayblue40-color); border-right:1px solid var(--grayblue40-color);}

/* th 배경 및 색상 타입*/
.th-type1{background: #EAECF3 !important; color: var(--black-color) !important;}
.th-sum{background: #EFF5FF !important; color: var(--black-color) !important; font-size:13px; padding:0 !important;} /* 2024.01.29 추가 */
.th-sum input{background: #EFF5FF !important; border-color:#EFF5FF !important; /*pointer-events: none;*/}
.th-sum input[type="text"].input-bd:focus{background:#e5eeff !important;}
.th-sum input[type="text"].input-bd:hover{background:#e5eeff !important;}
.th-sum-yellow{background: #fffdef !important; color: var(--black-color) !important; font-size:13px; padding:0 !important;} /* 2024.02.02 추가 */
.th-sum-yellow input{background: #fffdef !important; border-color:#fffdef !important; /*pointer-events: none;*/}
.th-sum-yellow input[type="text"].input-bd:focus{background:#FFFCE2 !important;}
.th-sum-yellow input[type="text"].input-bd:hover{background:#FFFCE2 !important; }


.sticky-table-scroll2 table.sticky-tbl-type tbody th{height:28px;padding: 3px 3px; font-size: 14px; white-space: nowrap; border-bottom:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color);  font-weight:400; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box; }
.sticky-table-scroll2 table.sticky-tbl-type th{font-size: 13px; white-space: nowrap;  text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.sticky-table-scroll2 table.sticky-tbl-type td{height:28px;padding: 4px 3px; font-size: 13px; white-space: nowrap; border-bottom:1px solid var(--gray30-color); border-right:1px solid var(--gray30-color);  font-weight:400; text-align: center;  vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.sticky-table-scroll2 table.sticky-tbl-type tfoot th,
.sticky-table-scroll2 table.sticky-tbl-type tfoot td{border-top:1px solid var(--grayblue40-color); border-right:1px solid var(--gray30-color); border-bottom:none; height:36px; font-weight:bold;   box-sizing:border-box;}
.sticky-table-scroll2 table.sticky-tbl-type tfoot th{background:#f8f8f8; font-size:14px; }
.sticky-table-scroll2 table.sticky-tbl-type th:last-child,
.sticky-table-scroll2 table.sticky-tbl-type td:last-child{border-right:none;}

.sticky-table-scroll2 table.sticky-tbl-type thead{ position: -webkit-sticky; position: sticky; top: 0; z-index: 5;} /* header fixed */
.sticky-table-scroll2 .sticky-col {position: -webkit-sticky; position: sticky; z-index: 2; background:#fff;}
.sticky-table-scroll2 table.sticky-tbl-type .selected,
.sticky-table-scroll2 table.sticky-tbl-type .selected:hover{background: #FFFCE2;}
.sticky-table-scroll2 table td input[type="text"] {font-size:13px; }
.sticky-table-scroll2 table.sticky-tbl-type tfoot th,
.sticky-table-scroll2 table.sticky-tbl-type tfoot td{border-top:1px solid var(--grayblue40-color); border-right:1px solid var(--gray30-color); border-bottom:none; height:36px; font-weight:bold;   box-sizing:border-box;}
.sticky-table-scroll2 table.sticky-tbl-type tfoot th{ background:#f8f8f8; font-size:14px; }

/* th/td 패딩값 0*/
.pd-zero{padding:0 !important;}

.sticky-table-scroll2.fsize-s table.sticky-tbl-type th,
.sticky-table-scroll2.fsize-s table.sticky-tbl-type td{font-size:13px;}

/*** 부서예산관리 fixed table size ***/
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 td{min-width:110px;/* height:36px;*/ white-space:nowrap; font-size:13px; padding:0 !important;}
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 thead th{ white-space:nowrap;}

.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 .col1 {width: 100px; min-width: 100px; max-width: 100px; left: 0px; }
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 .col2 {width: 100px; min-width: 100px; max-width: 100px; left: 100px;}
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 .col3 {width: 80px; min-width: 80px; max-width: 80px; left: 200px;}
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 .col4 {width: 160px; min-width: 160px; max-width: 160px; left: 280px;}
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 .col5 {width: 140px; min-width: 140px; max-width: 140px; left: 440px;}
/* 부서예산관리 td에 hover컬러*/
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 tbody td:hover,
.sticky-table-scroll2 table.sticky-tbl-type.sticky-type01 tbody td:focus{background:#fefefe;}


/* 부서예산관리 :: input 정의 */
.sticky-table-scroll2 input::placeholder{color: rgba(0,0,0,0.8);}
.sticky-table-scroll2 table .input-bd{border:1px solid #fff;}
.sticky-table-scroll2 table input[type="text"].input-bd{width:100%;height:100% !important; padding:6px 7px; text-align:right; box-sizing:border-box;}
.sticky-table-scroll2 table select.input-bd{width:100% !important;height:100% !important; border-color:transparent; background: transparent; font-size:13px;}
.sticky-table-scroll2 table input[type="text"].input-bd:focus,
.sticky-table-scroll2 table select.input-bd:focus{background:#FFFCE2; border-color:#000 !important; color:#000;}
.sticky-table-scroll2 table input[type="text"].input-bd:hover,
.sticky-table-scroll2 table select.input-bd:hover{background:#FFFCE2; border-color:#FFFCE2;}
.sticky-table-scroll2 input[disabled="disabled"],
.sticky-table-scroll2 input:disabled {background: #f5f5f7; border-color:#f5f5f7 !important; pointer-events: none;}
.sticky-table-scroll2 input[readonly],
.sticky-table-scroll2 input[readonly="readonly"]{background: #f8f8f8; border-color:#f8f8f8 !important; pointer-events: none;}
/* table 합계 색상 */
.tfoot-sum th,
.tfoot-sum td{background: #EFF5FF !important;}
.tfoot-sum input{background: #EFF5FF !important; border-color:#EFF5FF !important; pointer-events: none;}

/****** 2024.02.22 메뉴권한관리 ******/
table.sticky-tbl-type.sticky-type02 td{width:100px; min-width:100px; white-space:nowrap; font-size:13px; padding:0 !important;}
table.sticky-tbl-type.sticky-type02 .col1 {width: 260px; min-width: 260px; max-width: 260px; left: 0px;}

.tr-depth1-bg{background:#E8F1FF;}
.tr-depth2-bg{background:#f8f8f8;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth1{text-align:left; background:#E8F1FF; }
table.sticky-tbl-type.sticky-type02 .authority-menu-depth2{text-align:left; background:#f8f8f8; }
table.sticky-tbl-type.sticky-type02 .authority-menu-depth2-1{text-align:left; background:#ffffff; }
table.sticky-tbl-type.sticky-type02 .authority-menu-depth3{text-align:left;}
table.sticky-tbl-type.sticky-type02 .authority-menu-depth4{text-align:left;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth1 .menu{position:relative; font-weight:600; padding-left:5px; font-size:15px;}
table.sticky-tbl-type.sticky-type02 .authority-menu-depth1 .menu:before{content:"\e936"; color: var(--darkblue-color); font-family: xeicon; font-size: 18px; font-weight: normal; padding-right: 1px; vertical-align:middle; margin-top:-2px;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth2 .menu{position:relative; font-weight:500; padding-left:21px;padding-top:3px;}
table.sticky-tbl-type.sticky-type02 .authority-menu-depth2 .menu:before{content:"\e942"; color: var(--gray60-color); font-family: xeicon; font-size: 16px; font-weight: normal; padding-right: 1px; vertical-align:middle;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth2-1 .menu{position:relative; font-weight:500; padding-left:21px; }
table.sticky-tbl-type.sticky-type02 .authority-menu-depth2-1 .menu:before{content:"\e93f"; color: var(--gray60-color); font-family: xeicon; font-size: 16px; font-weight: normal; padding-right: 1px; vertical-align:middle;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth3 .menu{position:relative; font-weight:400; padding-left:40px; font-size:13px;}
table.sticky-tbl-type.sticky-type02 .authority-menu-depth3 .menu:before{/*content: "\e97e";*/ color: var(--gray60-color); font-family: xeicon; font-size: 12px; font-weight: normal; padding-right: 1px; vertical-align:middle;}

table.sticky-tbl-type.sticky-type02 .authority-menu-depth4 .menu{position:relative; font-weight:400; padding-left:56px; font-size:13px;}
table.sticky-tbl-type.sticky-type02 .authority-menu-depth4 .menu:before{/*content: "\e97e";*/ color: var(--gray60-color); font-family: xeicon; font-size: 12px; font-weight: normal; padding-right: 1px; vertical-align:middle;}

table.sticky-tbl-type.sticky-type02 tbody th,
table.sticky-tbl-type.sticky-type02 td {height:30px; padding:0 6px;}

.sticky-table-scroll2 table.sticky-type02 th:first-child,
.sticky-table-scroll2 table.sticky-type02 td:first-child{/*border-left:0;*/}

.sticky-table-scroll2 table.sticky-type02 th:last-child,
.sticky-table-scroll2 table.sticky-type02 td:last-child{border-right:1px solid var(--gray30-color) !important;}

/* th-light 버전 메뉴권한관리 사용안함 */
.sticky-table-scroll2 table.sticky-th-light thead th{background: #EAECF3; color: var(--black-color); border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3 !important;}
.sticky-table-scroll2 table.sticky-th-light tbody th{ border-bottom:1px solid var(--gray30-color); border-left:1px solid var(--gray30-color) !important; }

/****** //2024.02.22 메뉴권한관리 ******/


/* push알림 토글 버튼 */
.toogle-switch-btn {position: relative; display: inline-block; width: 44px; height: 22px;}
.toogle-switch-btn input {opacity: 0; width: 0; height: 0;}
.toogle-switch-btn .slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--gray30-color); -webkit-transition: .4s; transition: .4s; cursor: pointer; }
.toogle-switch-btn .slider:before {content: ""; position: absolute; width: 16px; height: 16px;left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;}
.toogle-switch-btn input:checked + .slider { background-color: var(--darkblue-color);}
.toogle-switch-btn input:focus + .slider { /*box-shadow: 0 0 1px #009591;*/}
.toogle-switch-btn input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}
/* Rounded sliders */
.toogle-switch-btn .slider.round {border-radius: 34px;}
.toogle-switch-btn .slider.round:before {border-radius: 50%;}


/* 안내 텍스트 박스 : 24.07.17 수정*/
.info-txtbox {position:relative; margin:24px 0; background:#EFF5FF; padding:14px 20px; border-radius:5px; box-sizing:border-box;}
.info-txtbox.gray-box{background:#f7f7f7;}
.info-txtbox.bg-none-box{background:none; padding:8px 20px 14px;}
/*.info-txtbox.gray-box ul li:before{content:''; position:absolute;left:0; top: 5px; vertical-align: middle; width:4px; height:4px; background: var(--gray50-color); border-radius: 3px; }*/
.info-txtbox h4{font-size:15px; margin: 0 0 3px -5px;}
.info-txtbox h4 i{color: var(--darkblue-color); font-size:18px; vertical-align: middle; }
.info-txtbox ul li{position: relative; padding:1px 10px; font-size:14px;}
.info-txtbox ul li:before{content:''; position:absolute;left:0; top: 8px; vertical-align: middle; width:4px; height:4px; background: var(--darkblue-color); border-radius: 3px; }
/* 버튼 추가*/
.info-txtbox .right-btn-con,
.info-txtbox02 .right-btn-con{position:absolute; top:50%; margin-top:-14px; right:0;}

.info-txtbox ul + .right-btn-con,
.info-txtbox02 ul + .right-btn-con{right:20px;}

/* 안내 텍스트 박스2 - 페이지 하단에 사용*/
.info-txtbox02 {position:relative; margin:24px 0; border:1px solid var(--gray30-color); padding:0; border-radius:2px; box-sizing:border-box;}
.info-txtbox02 h4{font-size:15px; margin: 0 0 0 0; font-weight:bold; color: var(--darkblue-color); background:#f7f7f7; padding:6px 16px;}
.info-txtbox02 h4 i{color: var(--darkblue-color); font-size:18px; vertical-align: middle; margin-right:2px; margin-top:-2px; }
.info-txtbox02 ul{padding:9px 20px;}
.info-txtbox02 h4 + ul{padding:8px 18px;}
.info-txtbox02 ul li{position: relative; padding:3px 8px; font-size:14px; color: var(--gray90-color); }
.info-txtbox02 ul li:before{content:''; position:absolute;left:0; top: 10px; vertical-align: middle; width:3px; height:3px; background: var(--gray50-color); border-radius: 3px;}
.info-txtbox02 ul li button.vt-top{ vertical-align:top; margin-top:-4px;}


/*************  팝업 :: 사용내역작성 **************/
.expense-both-wrap{position:relative; width:100%;}
.expense-both-wrap:after{ content:""; clear:both; display:block; }
.expense-both-wrap .fl{float:left; width: calc(50% - 10px);}
.expense-both-wrap .fr{float:right; width: calc(50% - 10px);}
/* upload img area */
.upload-img-view-box{position:relative; width:100%; border:1px solid #ddd; background:#eeeeee; box-sizing:border-box;}
.upload-img-view-box .upload-img-wrap{position:relative;  display:flex; align-items:center; justify-content:center; text-align:center; width:100%; min-height:500px;}
.upload-img-view-box .upload-img-wrap .btn-upload{font-size:14px;}
.upload-img-view-box .upload-img-wrap .btn-upload i{font-size:24px;}
.upload-img-view-box .upload-img-wrap img {max-width: 100%; height: auto; max-height:500px;}
.upload-img-view-box .upload-img-wrap .img-delete{position:absolute; right:-5px; top:-5px; z-index:100;}
.upload-img-view-box .upload-img-wrap .img-delete i{font-size:24px;}
.upload-img-view-box .upload-img-wrap .thumbimg{position:absolute; top:0; left:0; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; min-height:500px;}
/* 이미지 네이밍 */
.imgfilebox .upload-name {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle; border:none; width: 100%;color: #999999;}
.imgfilebox label {color: var(--darkblue-color);}
.imgfilebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* 2024.03.13 사용내역작성 */
.receipt-box{position:relative; width:100%; height:520px; border:1px solid #ddd; background:#eeeeee; box-sizing:border-box; overflow:auto;}
.receipt-box-item:before{content:""; position:absolute; top:-6px;left:0 ; width:100%; height:10px; background: url(../img/bg_triangle.png) 0 0 repeat-x;}
.receipt-box-item:after{content:""; position:absolute; bottom:-6px;left:0 ; width:100%; height:10px; background: url(../img/bg_triangle.png) 0 0 repeat-x; transform: rotate(-180deg);}
.receipt-box-item{position:relative; width:300px; margin:16px auto; background:#fff; padding:20px 10px;}
.receipt-box-item .title{text-align:center; font-size:17px; font-weight:bold;}

.receipt-box-item .receipt-tbl3{width:100%;font-size:12px;}
.receipt-box-item .receipt-tbl3 th{padding:4px 6px; text-align:left; font-weight:500; }
.receipt-box-item .receipt-tbl3 td{padding:4px 6px; text-align:right; font-weight:500;letter-spacing:0;}

.receipt-box-item .receipt-tbl4{width:100%;font-size:12px; box-sizing:border-box; }
.receipt-box-item .receipt-tbl4 th{padding:4px 6px; text-align:left; font-weight:500; }
.receipt-box-item .receipt-tbl4 td{padding:4px 6px; text-align:right; font-size:12px; font-weight:bold; letter-spacing:0; }

.bd-top-dashed{border-top:1px dashed #000; height:1px widht:100%; margin:5px 0;}

/* 사용내역작성 - 현금영수증 2025.02.20 추가 */
.cash-receipt-item {padding:40px 10px 60px !important;}
.cash-receipt-item .title{margin-bottom:15px;}
.cash-receipt-item .receipt-tbl3 td,
.cash-receipt-item .receipt-tbl3 th,
.cash-receipt-item .receipt-tbl4 td,
.cash-receipt-item .receipt-tbl4 th{padding:5px 2px 5px 8px !important;}
.cash-receipt-item .bd-top-dashed{margin:10px 0 !important;}


/**************  팝업 :: 분할작성 2024.06.18 수정 *****************/
.division-write01{margin:0 0 16px 0;padding:12px 16px 12px; /*border:1px solid #EDEDED;*/ background: #f7f7f7;}
.division-write01 .txt-date{padding:0 0 4px; font-size:13px; font-weight:bold; color: var(--black-color);}
.division-write01 table{width:100%;}
.division-write01 table th{font-size:13px; padding:8px 0 0 0;}
.division-write01 table td input{height:28px;}
.division-write01 table td .w-size1{width:147px}
.division-write01 table td .w-size2{width:160px}

.division-write02{ margin:0 0 16px 0;padding:12px 16px 8px; /*border:1px solid #C3D6FE;*/ background: #EFF5FF; border-radius:5px;}
.division-write02 ul li{width:100%; display:flex; justify-content:space-between; margin:8px 0;}
.division-write02 ul li span{width:50%; display:block;}
.division-write02 ul li .stitle{text-align:left; }
.division-write02 ul li .sum{text-align:right; color: var(--black-color); font-weight:bold;}
.division-write02 ul li .icon16{margin-right:5px;}

.division-write02 .total-sum{ border-top:1px solid var(--gray30-color); margin-top:10px; padding-top:10px;}

.txt-name{display:inline-block; font-size:14px; padding:0 6px;}
.txt-name-ico{display: inline-block; min-width: 28px; height: 28px; padding: 5px 4px 0; vertical-align: middle; background: #758bb8; color: var(--white-color); font-size:13px; text-align: center; border-radius: 3px; box-sizing: border-box;}



/*************** 카드별 조회기간안내 팝업 ***************/
.inquiry-guide-popup{top:133px; left:45%; width:460px !important;}
/*  조회기간 팝업 table */
.inquiry-guide-popup .inquiry-guide-tbl {position: relative; width:100%; margin-top:0; border-bottom:1px solid var(--gray30-color);}
.inquiry-guide-popup .inquiry-guide-tbl table {width:100%;}
.inquiry-guide-popup .inquiry-guide-tbl table th{padding: 7px 4px 2px; height:29px; background: var(--grayblue60-color); font-size: 13px; color: var(--white-color); text-align:center;box-sizing:border-box;}
.inquiry-guide-popup .inquiry-guide-tbl table td{padding: 5px 8px 1px; height:27px; border-top: 1px solid var(--gray30-color); font-weight: 400; font-size: 13px; color: var(--gray80-color); text-align:left; box-sizing:border-box; }
.inquiry-guide-popup .inquiry-guide-tbl table tbody th{padding:  5px 8px 1px;  border-top: 1px solid var(--gray30-color); background:#EFF5FF; color: var(--gray80-color);}

/* 성공/실패 메세지*/
.txt-message-box{display:inline-block; margin-bottom:5px;}
.txt-message-box span{display:inline-block;}
.txt-message-box span:after{content:"│";padding:0 2px; color: var(--gray40-color);}
.txt-message-box span:last-child:after{display:none;}
.txt-message-box .success{color: var(--darkblue-color); font-weight:bold;}
.txt-message-box .fail{ color: var(--red-color); font-weight:bold;}
.txt-message-box span i{font-size:18px; vertical-align:middle; margin-right:1px;}

/* 알림메세지 */
.alert-message1{ text-align:center; padding:20px 0 8px; font-size:15px;}

/*****************팝업 :: 결재정보 25.12.02 좌우사이즈 수정 *******************/
.approval-both-cont{position:relative; display:flex;  justify-content: space-between;}
.approval-both-cont .left-conts{ width: calc(50% - 10px); margin-right:20px; position:relative; border:1px solid var(--gray40-color); box-sizing:border-box; } /* 2025.02.03 width 사이즈 수정*/
.approval-both-cont .left-conts:after{content:"";position:absolute; right:-20px; top:50%; margin-top:-10px;  width:20px; height:20px; background: url(../img/ico_arrow_double_right.png) center/contain no-repeat; background-size:70%;}
.approval-both-cont .right-conts{ width: calc(50% - 10px); position:relative; border:1px solid var(--gray40-color);  box-sizing:border-box;} /* 2025.02.03 width 사이즈 수정*/
.approval-both-cont .inner-con{position:relative; width:100%; height:320px; overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.approval-both-cont .left-conts .inner-con{padding:8px 6px;}
.approval-both-cont .right-conts .inner-con{padding:0;}
.approval-both-cont .right-conts .padding{padding:8px 6px !important;}
/* 결재선등록 */
.approval-both-cont .icon-none:after{display:none;}
.approval-both-cont .bd-none{border:none !important;}
.approval-both-cont .right-conts .inner-half-con1{position:relative; width:100%; height:200px; border:1px solid var(--gray40-color); overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.approval-both-cont .right-conts .inner-half-con2{position:relative; width:100%; height:80px; border:1px solid var(--gray40-color); box-sizing:border-box;}
.approval-both-cont .right-conts .inner-half-con2 textarea{border-radius:0}
/* 조직도 트리만 나올경우 100% */
.approval-both-cont .left-conts.width100{width:100% !important; margin-right:0 !important;}

/* 조직도 상단 검색*/
.org-search-wrap{padding:10px 10px 0 10px;}
.org-search-wrap .search-inner{position:relative; background: var(--lgray10-color); border:1px solid var(--gray30-color);}
.org-search-wrap .search-inner input{border:none; background:none; height:28px;}
.org-search-wrap .search-inner button{box-shadow:none; position: absolute; right: 8px;top: 2px;}
.org-search-wrap .search-inner button i{margin-top:5px;}
.org-search-wrap .search-inner button:hover i{ color: var(--darkblue-active-color);}

/*사용자등록 우측버튼추가 24.02.05*/
.approval-both-cont .btn-arrow-right{position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-25px; box-sizing:border-box; z-index:10;}
.approval-both-cont .btn-arrow-right button{width:20px; height:50px; /*color: var(--white-color);*/ cursor:pointer; vertical-align:middle; }
.approval-both-cont .btn-arrow-right i{ vertical-align:middle; font-size:18px; margin:0 0 0 0;}
.approval-both-cont.add-btn .left-conts{ width: calc(50% - 10px);}
.approval-both-cont.add-btn .right-conts{ width: calc(50% - 14px);}

/************* jstree 조직도 커스텀 **************/
/* jstree 아이콘 삭제 */
/* .jstree-open a.company-name i{display:inline-block;} 회사명 */

div.jstree-default li > a{font-size:14px;}
/*.jstree-basic a.jstree-anchor {font-size:14px;}*/
/*.jstree-basic a.jstree-anchor .jstree-icon.jstree-themeicon{display:none;}*/
div.jstree-default a.company-name {font-weight:bold; font-size:14px;}

div.jstree-default li > a[rel="org"] {font-weight: bold;}
div.jstree-default li > a[rel="master"] {font-weight:bold;}
div.jstree-default li > a[rel="member"] {font-weight:normal;}
/* div.jstree-default li > a > .jstree-icon.jstree-themeicon{display:none;} 아이콘 삭제 */
div.jstree-default li > a[rel="org"] > .jstree-icon.jstree-themeicon{display:none;}
div.jstree-default .jstree-anchor {padding-top:2px; line-height: 21px;}/* 나눔바른고딕 폰트이슈로 패딩값 추가*/

div.jstree-default .jstree-checkbox {background-position: -164px -6px;}
div.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
div.jstree-default .jstree-checked > .jstree-checkbox {
    background-position: -228px -6px;
}
div.jstree-default .jstree-checkbox:hover {
    background-position: -164px -38px;
}
div.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
div.jstree-default .jstree-checked > .jstree-checkbox:hover {
    background-position: -228px -38px;
}
div.jstree-default .jstree-anchor > .jstree-undetermined {
    background-position: -196px -6px;
}
div.jstree-default .jstree-anchor > .jstree-undetermined:hover {
    background-position: -196px -38px;
}


/* 부분적으로 아이콘 넣고싶으면 쓰기*/
/*div.jstree-default li > a.company-name .jstree-icon{display:none}
div.jstree-default li > a[rel="org"] > .jstree-icon{display:none}
div.jstree-default li > a[rel="member"] > .jstree-icon{background:url("../img/jstree/32px.png") no-repeat -128px -64px;}*/

/*
.jstree-basic ul li{font-weight:600; }
.jstree-basic ul li ul li{font-weight:600;}
.jstree-basic ul li ul li ul li{font-weight:400;}*/
/************* //jstree 조직도 커스텀 **************/

/* 결재 타이틀*/
.approval-both-cont .title{position:relative; text-align:center; background: var(--lgray10-color); border-bottom:1px solid var(--gray30-color); font-size:14px;  padding:5px 0; height:32px; color: var(--black-color); font-weight:bold; }
.approval-both-cont .title-dark{color: var(--white-color); background: var(--grayblue60-color);}
.approval-both-cont .title-lblue{ background: #EFF5FF;}
/* 결재 타이틀*/
.approval-both-cont .title-box{position:relative; text-align:center; background: var(--lgray10-color); border:1px solid var(--gray40-color);border-bottom:none;font-size:14px;  padding:5px 0; height:32px; color: var(--black-color); font-weight:bold; }

/**** 권한등록(모달팝업) -왼쪽컨텐츠 영역 검색박스 사이즈등 조정  *****/
.regist-authority-box01 .left-conts{width: calc(68% - 24px); margin-right:24px; }
.regist-authority-box01 .right-conts{width: 32%;}
.regist-authority-box01 .search-box {border-top:0; border-left:0; border-right:0; border-radius:0; -webkit-box-shadow: none; box-shadow: none;}
.regist-authority-box01 .sticky-table-scroll-wrap{border:0;}
/* 권한등록 (메뉴구조도+조직도) 간격조정 */
.regist-authority-box02 .left-conts{width: calc(50% - 15px); margin-right:30px; }
.regist-authority-box01 .left-conts.r-border:after,
.regist-authority-box02 .left-conts.r-border:after{/*content:""; display:block;position:absolute; right:-16px; top:0; margin-top:0;  width:1px; height:100%; background:none; border-right: 1px dashed #ddd; padding:0 2px*/}
.regist-authority-box02 .right-conts{width: calc(50% - 15px);}
/**** //권한등록(모달팝업) -왼쪽컨텐츠 영역 검색박스 사이즈등 조정  *****/

/*결재자 리스트 24.03.21 직책/직급추가 */
.approver-list{}
.approver-list ul li{display:table; width:100%; border-bottom:1px solid var(--gray30-color);}
.approver-list ul li span{display:table-cell; padding:6px 2px 6px; font-size:13px; color: var(--black-color); vertical-align:middle; height:30px;}
.approver-list ul li span.col1{width:4%; border-right:1px solid var(--gray20-color);}
.approver-list ul li span.col2{width:12%; text-align:center;}/* 2025.02.03 수정 */
.approver-list ul li span.col3{width:17%; text-align:left;}/* 2025.02.03 수정 */
.approver-list ul li span.col4{width:*; text-align:left;}/* 2025.02.03 수정 */
.approver-list ul li span.col5{width:8%; text-align:center;}
.approver-list ul li span.col6{width:24%; text-align:left;} /* 2025.02.03수정 직책/직급 */
.approver-list ul li span.col7{width:8%; text-align:center;} /* 2025.02.03 번호추가 */
.approver-list ul li span.col7 + span.col2{text-align:left;} /* 2025.02.03 수정 */
/*
.approver-list ul li span.col1{width:4%; border-right:1px solid var(--gray20-color);}
.approver-list ul li span.col2{width:16%; text-align:center;}
.approver-list ul li span.col3{width:30%; text-align:left;}
.approver-list ul li span.col4{width:42%; text-align:left;}
.approver-list ul li span.col5{width:8%; text-align:center;}*/
.approver-list ul li.drafter-items{border-bottom:3px double var(--gray30-color) !important;}
.approver-list ul li.drafter-items span{ color: var(--gray50-color);}
.approver-list ul li.drafter-items span.col1 i{ color: var(--gray50-color);}
.approver-list ul li  span.col1 i{ color: var(--darkblue-color); font-size:14px; vertical-align:middle;}
.approver-list ul li  span.col5 i{ vertical-align:middle; margin-top:-2px;}

/*사용자 리스트 */
.user-sel-list{}
.user-sel-list ul li{display:table; width:100%; border-bottom:1px solid var(--gray30-color);}
.user-sel-list ul li span{display:table-cell; padding:9px 2px 3px; font-size:13px; color: var(--black-color); vertical-align:middle; height:30px;}
.user-sel-list ul li span.col1{width:4%; border-right:1px solid var(--gray20-color);}
.user-sel-list ul li span.col2{width:24%; text-align:center;}
.user-sel-list ul li span.col3{width:62%; text-align:left;}
.user-sel-list ul li span.col4{width:10%; text-align:left;}
.user-sel-list ul li  span.col1 i{ color: var(--darkblue-color); font-size:14px; vertical-align:middle;}
.user-sel-list ul li  span.col4 i{ vertical-align:middle; margin-top:-2px;}

/* 2025.02.03 결재선등록/수정 */
.tbl-type-row02 + .tab-wrap-small{margin-top:16px;}


/***************** 결의서 작성 ***********************/
.approval-write-cont{display:flex;  justify-content: space-between;}
.approval-write-cont .left-con-box{width: calc(70% - 10px); margin-right:20px; padding:28px 20px; border:2px solid #D3D5D8; border-radius:5px;}/* 2025.01.23 width수정 */
.approval-write-cont .right-con-box{width: calc(30% - 10px); border:2px solid #D3D5D8; border-radius:5px;}/* 2025.01.23 width수정 */

.approval-write-cont .right-con-box .title{height:32px; font-weight:bold; text-align:center; padding:8px 0 0 0; color: var(--white-color); background: var(--grayblue60-color);}

.approval-write-cont .right-con-box .inner-box.first{min-height:50px;}
.approval-write-cont .right-con-box .inner-box{min-height:217px; padding:12px 10px 14px; border-bottom:1px solid var(--gray30-color);}
.approval-write-cont .right-con-box .inner-box:last-child{border-bottom:none;}

/* 문서번호/ 결재 */
.approval-info-list{width:100%; position:relative;}
.approval-info-list:after{content:""; display:block; clear:both;}

.width65per{width:65% !important;}
.width33per{width:33% !important;}

/* 결재라인 */
.approval-info-list .approval-info{display:block; float:right; text-align:right; }
.approval-info-list .approval-info table{display:inline-block;}
.approval-info-list .approval-info table th,
.approval-info-list .approval-info table td{text-align:center;white-space:nowrap; border:1px solid var(--gray40-color); box-sizing:border-box;}
.approval-info-list .approval-info table th.first{width:25px; vertical-align:middle; font-size:13px; font-weight:bold; background:#EAECF3; color: var(--black-color)}
.approval-info-list .approval-info table td{width:75px; vertical-align: top;}
.approval-info-list .sign-info{width:100%; white-space:nowrap;}
.approval-info-list .sign-info span{display:block; vertical-align:middle; font-size:13px; border-top:1px solid var(--gray40-color);}
.approval-info-list .sign-info span:first-child{height:31px;border-top:none; color: var(--black-color);padding:9px 2px 3px; font-weight:bold; font-weight:bold;}
.approval-info-list .sign-info span:nth-child(2){height:65px; color: var(--black-color); line-height:65px; font-weight:bold; }
.approval-info-list .sign-info span:nth-child(3){font-size:12px; padding:9px 2px 2px; height:31px;}

/* 결재라인 - 로보틱스 (최대 9명까지) 25.01.07 */
.approval-info-list .approval-info-row{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.approval-info-list .approval-info-row .sign-info-tbl1{width:460px; border:1px solid var(--gray40-color) !important;}
.approval-info-list .approval-info-row .sign-info-tbl1 th,
.approval-info-list .approval-info-row .sign-info-tbl1 td{text-align:center; box-sizing:border-box;}
.approval-info-list .approval-info-row .sign-info-tbl1 .first{width:50px !important; vertical-align:middle; padding:0 2px; border-left:1px solid var(--gray40-color); font-size:13px; font-weight:bold; background:#EAECF3; color: var(--black-color)}
.approval-info-list .approval-info-row .sign-info-tbl1 td{vertical-align:middle; padding:0;  border-top:1px solid var(--gray40-color); }

.approval-info-list .approval-info-row .sign-info-inner-tbl2{border:0; margin-top:0 !important;}
.approval-info-list .approval-info-row .sign-info-inner-tbl2 th{height:30px; padding: 3px 2px; border-left:1px solid var(--gray40-color);}
.approval-info-list .approval-info-row .sign-info-inner-tbl2 td{border-top:1px solid var(--gray40-color); border-left:1px solid var(--gray40-color);}

/* 25.08.26 추가 */
.w254px{width:254px !important;}
.h54px{height:54px !important;}


/* 결재요청 테이블 스타일*/
.tbl-approval01{width:100%;}
.tbl-approval01 th{height:32px; padding:3px 4px; font-size:14px; background:#EAECF3; border:1px solid var(--gray40-color); text-align:center; color: var(--black-color); font-weight:bold;}
.tbl-approval01 td{padding:3px 4px; font-size:14px; border:1px solid var(--gray40-color); font-weight: 400;}
.tbl-approval01 td input[type="text"],
.tbl-approval01 td select{height:24px;} /* 24.04.04 추가 */
.tbl-approval01 .th-bg{background:#fff;}

/* 파일 드레그 */
.drag-file-box{border:1px dotted var(--gray40-color); height:70px; text-align:center;}
.drag-file-box .info-text{padding-top:25px;}

/* 개인결재선 저장*/
.save-a-line{margin:18px auto 14px; width:85%;}


/******************경비분류********************/
/* 경비분류 엑셀파일 등록 */
.filebox .upload-name {
    display: inline-block;
    height: 32px;
    padding: 0 7px;
    vertical-align: middle;
    border: 1px solid var(--gray40-color);
    width: 73%;
    color: var(--gray80-color);
    border-radius:3px;
}
.filebox label {
    display: inline-block;
    padding: 6px 20px;
    color: var(--darkblue-color);
    font-weight:bold;
    vertical-align: middle;
    border:1px solid var(--darkblue-color);
    background-color: var(--white-color);;
    cursor: pointer;
    height: 32px;
    margin-left: 2px;
    border-radius:3px;
}
.filebox label:hover {background: var(--darkblue-color); border:1px solid var(--darkblue-color); color: var(--white-color);}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
/* 테이블 파일박스 세로값 조절 */
.filebox-h-small .filebox .upload-name{height:28px;}
.filebox-h-small .filebox label{height: 28px;  padding: 7px 20px 2px;}

.guide-excel-find{ border-radius:1px; margin:6px 0 16px;padding:14px 16px; border:1px solid #EDEDED; background: var(--white-color);}
.guide-excel-find table th{padding-top:11px;}

.guide-excel-down{ display:flex; align-items:center; border-radius:1px; margin:16px 0;padding:18px 16px; border: 1px solid #C3D6FE; background: #EFF5FF;}
.guide-excel-down span:first-child{width:45%; text-align:center;}
.guide-excel-down span:last-child{width:55%; }
.guide-excel-down .btn-down{ min-height:50px; font-size:14px; padding:12px 18px 3px; }
.guide-excel-down .btn-down i.ico-excel-guide-down{ display:inline-block; vertical-align:middle; width:24px; height:24px; margin:2px 0; background:url(../img/ico_excel_down.svg) center/contain no-repeat; }


/**************************예산관리********************************/
/* 팝업 :: 전월예산복사 */
.budget-copy-box{width:100%;border:1px solid #ddd; padding:0; margin:10px 0; box-sizing:border-box;}
.budget-copy-box .top-txt{ height:36px; padding:10px 16px 2px; background: var(--lgray10-color); border-bottom:1px dashed var(--gray30-color); font-weight:bold; box-sizing:border-box;}

.budget-copy-box .inner-con{padding:16px;}
.budget-copy-box .inner-con li{padding:6px 0;}
.budget-copy-box .inner-con li .cm-radiobox label{line-height: 14px;}


/************************* 전자결재 ******************************/
.attach-txt{ color: var(--gray50-color);}

/***결의서 결재 윈도우팝업 ***/
.approval-r-box{margin:0 auto;  padding: 28px 20px; border: 2px solid #D3D5D8; border-radius: 5px; box-sizing:border-box;}
/* 비고 텍스트 박스 */
.text-box{}
/*** 결의서 취소 윈도우팝업 화면 좌우 사이즈 ***/
.approval-write-cont.approval-cancel .left-con-box{width: calc(70% - 10px); margin-right:20px; padding:28px 20px; border:2px solid #D3D5D8; border-radius:5px;}
.approval-write-cont.approval-cancel .right-con-box{width: calc(30% - 10px); border:2px solid #D3D5D8; border-radius:5px;}

/* 나의 결재현황 */
.approval-cont-box01{ position:relative; padding:0 0; border:2px solid var(--gray30-color); box-sizing:border-box;}
.approval-cont-box01 ul:before{content:""; min-width:120px; background:#f7f7f7 url(../img/ico_myapproval.svg) center no-repeat; }
.approval-cont-box01 ul.my-approval-list{position:relative; display:flex;}

.my-approval-list li.list-item{width:184px; margin:12px 0; padding:0 12px; border-right:1px solid var(--gray20-color); box-sizing:border-box;}
.my-approval-list li.list-item:last-child{border-right:none;}
.my-approval-list li.list-item a{display:block; width:100%; height:100%; padding:10px 18px; border-radius:5px;}
.my-approval-list li.list-item a:hover{ background:#FFFCE2; border-radius:5px;}
.my-approval-list li.list-item .title-txt{font-size:16px; font-weight:bold; color: var(--black-color); text-align:center;}
.my-approval-list li.list-item .number-txt{font-size:16px; font-weight:bold; color: var(--darkblue-color); padding:5px 5px; background: var(--lgray10-color); text-align:center; border-radius:18px;}
.my-approval-list li.list-item a:hover .number-txt{ background:#FFFCE2;}

.my-approval-list li.list-item.h-bline{ border-right:2px solid var(--gray30-color);}

/* 02 결재대기 box - 2024.08.07 간격조정 */
.approval-cont-box02{position:relative; display:flex;}
.approval-waiting-box{position:relative; border:1px solid var(--gray30-color); width: calc(20% - 20px); padding:10px 16px 12px; margin-right:24px; border-radius:5px; box-sizing: border-box; -webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04); transition: all 0.3s ease;}
.approval-waiting-box:hover{border:1px solid var(--darkblue-color);}
.approval-waiting-box:last-child{margin-right:0;}
.approval-waiting-box .items-status{padding:5px 0;}
.approval-waiting-box .items-title{/*margin-top:5px;*/ padding:7px 10px 3px; font-size:16px; font-weight:bold; color: var(--black-color);white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.approval-cont-box02 .items-group1{/*padding:0 0 8px; border-bottom:1px solid var(--gray20-color);*/}
.approval-cont-box02 .items-group2{/*padding:8px 0;*/ font-size: 13px; margin-top: 5px;}
.approval-cont-box02 .items-group1 li,
.approval-cont-box02 .items-group2 li{display:flex; align-items: center; margin:1px 0;}
.approval-cont-box02 .items-group1 li {padding:3px 12px; background: var(--lgray10-color); border-radius:5px; box-sizing: border-box;}
.approval-cont-box02 .items-group1 li .left-txt{color: var(--gray80-color); font-weight:bold; font-size:13px;}
.approval-cont-box02 .items-group1 li .right-txt{font-size:14px; margin-left:auto; font-weight:bold; color: var(--darkblue-color);}
.approval-cont-box02 .items-group2 li{padding:0 12px;}
.approval-cont-box02 .items-group2 li .left-txt{color: var(--gray60-color);}
.approval-cont-box02 .items-group2 li .right-txt{margin-left:auto; font-weight:bold; color: var(--black-color);}

/* 03 기안진행 문서*/
.approval-cont-box03 .fl{width: calc(50% - 24px); margin-right:40px;}
.approval-cont-box03 .fr{width: calc(50% - 24px);}


/* 법인카드대사-모달팝업 상세내역 */
.detail-card{margin: 0 0 16px 0; padding: 16px 20px 12px; background:#EFF5FF;border-radius:5px; box-sizing:border-box;}
.detail-card .inner-group1{display:flex;}
.detail-card .inner-group1 li{display:table;}
.detail-card .inner-group1 li span{display:table-cell;}
.detail-card .inner-group2 li{display:table; margin:6px 0 0;}
.detail-card .inner-group2 span{display:table-cell;}
.detail-card span{display:inline-block;}
.detail-card .col1:before{content:""; display:inline-block; width:2px; height:2px; border-radius:4px; vertical-align:middle; background: var(--gray50-color); box-sizing:border-box; margin-right:5px;}
.detail-card .col1{min-width:86px; font-size:13px; /* font-weight:bold; color: var(--gray80-color);*/}
.detail-card .col2:before{content:"│"; color: var(--gray40-color); padding-right:5px; font-weight:normal;}
.detail-card .inner-group1 .col2{font-weight:bold; min-width:200px;}
.detail-card .col2{font-weight:bold; min-width:90px;}
.detail-card .sum{font-weight:bold; min-width:120px; color: var(--black-color); text-align:right;}
.detail-card .min-w54{min-width:60px !important;}

/* 2024.06.20 법인카드 대사결과 상세내역  */
.detail-card2 {display:flex; justify-contents:space-between; margin: 0 0 16px 0; padding: 16px 20px 12px; background:#EFF5FF;border-radius:5px; box-sizing:border-box;}
.detail-card2 .left-con{width:50%;}
.detail-card2 .right-con{width:50%;}
.detail-card2 ul li{display:flex; align-items:center; margin:6px 0 0;}
.detail-card2 ul li span{display:inline-block;}
.detail-card2 .col1:before{content:""; display:inline-block; width:2px; height:2px; border-radius:4px; vertical-align:middle; background: var(--gray50-color); box-sizing:border-box; margin-right:5px;}
.detail-card2 .col1{min-width:76px; font-size:13px; color: var(--black-color);}
.detail-card2 .col2:before{content:"│"; color: var(--gray40-color); padding-right:5px; font-weight:normal;}
.detail-card2 .col2{font-weight:bold; }
.detail-card2 .right-con .col1{min-width:120px;}
.detail-card2 .right-con .col2{min-width:60px; }
/*.detail-card2 .right-con .col2:after{content:"/"; color: var(--gray50-color); padding-left:10px; padding-right:10px; font-weight:normal;}*/
.detail-card2 .sum{font-weight:bold;  min-width:80px; color: var(--black-color); text-align:right;}
/* 2024.06.21 */
.detail-card2 .right-con.min-width1 .col1{min-width:96px !important;}


/* 법인카드대사- 합계박스 */
.total-result-text{display:inline-block;margin:0 0 0 10px; background: #EFF5FF; padding:5px 22px 0 22px; height:32px;vertical-align:top; border-radius:32px; box-sizing:border-box;}
.total-result-text span{display:inline-block; font-weight:600; padding:0;}
.total-result-text span:after{content:"│"; padding:0 0 0 3px; color:#ccc;}
.total-result-text .bar-none:after{display:none;}
.total-result-text span:last-child:after{display:none;}
.total-result-text span em{color:var(--darkblue-color); font-weight:600; margin-left:4px; letter-spacing:-0.05em;}

/* 경비확정 합계박스 */
.total-result-text02{display:inline-block;margin:0 0 0 10px; background: #EFF5FF; padding:5px 22px 0 16px; height:32px; vertical-align:top; border-radius:32px; box-sizing:border-box;}
.total-result-text02 span{display:inline-block; font-weight:600; padding:0;}
.total-result-text02 span:after{content:"│"; padding:0 0 0 3px; color:#ccc;}
.total-result-text02 .stitle{margin-right:5px; font-size:14px; color: var(--black-color);}
.total-result-text02 .stitle i{vertical-align:middle; font-size:16px; margin-top:-2px; margin-right:2px; color: var(--darkblue-color);}
.total-result-text02 .stitle .f11{font-size:11px !important;}
.total-result-text02 .bar-none:after{display:none;}
.total-result-text02 span:last-child:after{display:none;}
.total-result-text02 span em{color:var(--darkblue-color); font-weight:600; margin-left:4px; letter-spacing:-0.05em;}

.total-result-text02.total-bg-gray{background:#f7f7f7 !important;}

/* 성공 실패 텍스트 */
.total-result-text03{display:inline-block;margin:0 0 10px 0; /*background: #EFF5FF;*/ background:#f7f7f7; padding:5px 22px 0 22px; height:32px;vertical-align:top; border-radius:3px; box-sizing:border-box;}
.total-result-text03 span{display:inline-block; font-weight:600; padding:0;}
.total-result-text03 span:after{content:"│"; padding:0 0 0 3px; color:#ccc;}
.total-result-text03 .bar-none:after{display:none;}
.total-result-text03 span:last-child:after{display:none;}
.total-result-text03 span em{color:var(--darkblue-color); font-weight:600; margin-left:4px; letter-spacing:-0.05em;}
.total-result-text03 span progress{appearance: none; inline-size: 150px;}
.total-result-text03 span progress::-webkit-progress-bar{background: var(--gray10-color); border-radius: 3px; border: 1px solid var(--gray30-color); height: 16px; overflow: hidden;}
.total-result-text03 span progress::-webkit-progress-value{background:linear-gradient(to left, #add8e6, #add8e64d); border-radius: 3px;}
.total-result-text03 span progress::-moz-progress-bar {background:linear-gradient(to left, #add8e6, #add8e64d); border-radius: 3px;}


/********* 지급/이체 *********/
/* 합계박스*/
.transfer-total-wrap{position:relative; margin:0; background:#EFF5FF; padding:0 22px 5px 22px; text-align:right; box-sizing:border-box;}
.transfer-total-wrap .items{display:inline-block; margin-right:56px;}
.transfer-total-wrap .items:last-child{margin-right:36px;}
.transfer-total-wrap span{display:inline-block; font-weight:bold; padding:0; font-size:15px; }
.transfer-total-wrap span:after{content:"│"; padding:0 4px; color:#ccc;}
.transfer-total-wrap em{color:var(--darkblue-color); font-weight:bold;}
.transfer-total-wrap .ico-type1:before{content:""; display:inline-block; margin-right:5px; width:16px; height:16px; background:url(../img/ico_money2.svg) center/contain no-repeat; vertical-align:middle;}
.transfer-total-wrap .ico-type2:before{content:""; display:inline-block; margin-right:5px; width:6px; height:6px; background:#42506c; vertical-align:middle; margin-right:5px; border-radius:3px;}
.transfer-total-wrap .ico-type3:before{content:""; display:inline-block; margin-right:5px; width:6px; height:6px; background:#2d8ee8; vertical-align:middle; margin-right:5px; border-radius:3px;}
.transfer-total-wrap .ico-type4:before{content:""; display:inline-block; margin-right:5px; width:6px; height:6px; background:#ed1c24; vertical-align:middle; margin-right:5px; border-radius:3px;}
.transfer-total-wrap .ico-type5:before{content:""; display:inline-block; margin-right:5px; width:6px; height:6px; background:#888888; vertical-align:middle; margin-right:5px; border-radius:3px;}
/* 구분라인 */
.sp-line{border-bottom:1px dotted var(--gray30-color); padding-top:20px; margin-bottom:30px; margin-top:15px;}


/************부서사용자관리*************/
.approval-both-cont02{position:relative; display:flex;  justify-content: space-between;}
.approval-both-cont02 .left-conts{ width: calc(28% - 10px); margin-right:20px; position:relative; border:2px solid var(--gray40-color); box-sizing:border-box; }
.approval-both-cont02 .right-conts{ width: calc(72% - 10px); position:relative;  box-sizing:border-box;}
.approval-both-cont02 .inner-con{position:relative; width:100%; min-height:340px; overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.approval-both-cont02 .left-conts .inner-con{padding:8px 6px;}
.approval-both-cont02 .right-conts .inner-con{padding:0;}
.approval-both-cont02 .right-conts .inner-con .sticky-table-scroll-wrap{ border-color:var(--gray40-color);}

/************* 부서tree *************/
.department-tree-con{position: relative; width: 100%; height: 450px; overflow-y: auto; overflow-x: auto; box-sizing: border-box;}
.department-tree-con ul li{font-weight:600; background-position: -292px -4px; background-repeat: repeat-y; background-image: url("../img/jstree/32px.png");}
.department-tree-con ul li a{ display:inline-block; cursor:pointer; /*padding-top:2px;*/ line-height: 24px; height: 24px; white-space: nowrap; padding: 2px 4px 0 1px; margin: 0; vertical-align: top;}
.department-tree-con ul li a:hover{background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #cccccc;}
.department-tree-con ul li.selected a{ background: #beebff; color:#000; border-radius: 2px; box-shadow: inset 0 0 1px #999999;}
.department-tree-con ul li a:focus{ background: #beebff; color:#000; border-radius: 2px; box-shadow: inset 0 0 1px #999999;}
.department-tree-con ul li:last-child{background-image:none;}
.department-tree-con .ico-edit{/*width:16px; height:16px;*/ vertical-align:middle;}
.department-tree-con .ico-delete2{/*width:16px; height:16px;*/ vertical-align:middle; margin-top:1px;}
.department-tree-con .tree-depth{margin-left:24px;}
.department-tree-con .tree-icon:empty {width: 24px; height: 24px;line-height: 24px;}
.department-tree-con .tree-icon {background-image: url("../img/jstree/32px.png"); background-position: -68px -4px;}
.department-tree-con .tree-icon {background-repeat: no-repeat; background-color: transparent;}
.department-tree-con .icon-open > .tree-icon {background-position: -132px -4px;}
.department-tree-con .icon-closed > .tree-icon {background-position: -100px -4px;}
.department-tree-con .tree-icon{display: inline-block;text-decoration: none; margin: 0; padding: 0; vertical-align: top; text-align: center;}
/************* //부서tree *************/

/**************공동인증서 ************/
.certificate-btn button{min-width:180px; margin-left:5px !important; margin-right:5px !important;}
/* 인증서 없을경우*/
.citationBox_none {height:200px; margin:0 auto; border-top: 1px solid var(--gray30-color); border-bottom: 1px solid var(--gray30-color);}
.citationBox_none p {padding: 90px 0 0; text-align: center; font-size: 18px;font-weight: normal;}

/******* 모달팝업 :: 공동인증서 변경/등록 *********/
.certificate-choice-con {margin:35px auto 40px; text-align:center;}
.certificate-choice-con .first-items,
.certificate-choice-con .second-items{display:inline-block;}
.certificate-choice-con input[type="radio"] {display:none;}
.certificate-choice-con span:last-child label{width:180px; margin-right:0; color:#777;}
.certificate-choice-con label {
    position:relative;
    display:inline-block;
    width:300px;
    height:160px;
    color: var(--gray90-color);
    font-weight:bold;
    font-size:17px;
    padding:22px 20px 0 20px;
    border:1px solid var(--gray40-color);
    margin-right:34px;
    background:#fff;
    line-height:36px;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.certificate-choice-con [type="radio"]:hover + label,
.certificate-choice-con [type="radio"]:checked + label {
    background: #fff;
    border: 1px solid var(--darkblue-color);
    color:var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
/*.certificate-choice-con .first-items label,
.certificate-choice-con .first-items label{background:var(--white-color); border:1px solid var(--darkblue-color); color: var(--darkblue-color);}*/
/*
.certificate-choice-con [type="radio"]:hover + label,
.certificate-choice-con [type="radio"]:checked + label{background:var(--darkblue-color); border:1px solid var(--darkblue-color); color: var(--white-color);}*/

.certificate-choice-con [type="radio"]:hover + label,
.certificate-choice-con [type="radio"]:checked + label{border:1px solid var(--darkblue-color); color: var(--darkblue-color);}


.certificate-choice-con .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:2px 5px 0; line-height:1.7; height:20px; font-size:12px;  background:#DEEBFF; color: var(--darkblue-color); font-weight:bold; border-radius:5px 0 5px 0;}
.certificate-choice-con .icon-bgbox{display:table;background:#DEEBFF; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.certificate-choice-con .icon-bgbox em{vertical-align:middle;display:table-cell;}
.certificate-choice-con span:last-child .icon-bgbox{background:var(--lgray20-color)}

/* 홈택스 부서사용자계정 및 인증서----왼쪽화면 탭버튼*/
/* 공동인증서관리 */
.certificate-msg{margin:0 0 24px 0; background:#EFF5FF; padding:20px 20px 16px; border-radius:5px; box-sizing:border-box;}
.certificate-msg i{font-size:30px; color:var(--darkblue-color); vertical-align:middle; margin-top:-5px;}
.certificate-msg span{font-size:16px; font-weight:bold; color: var(--gray80-color); vertical-align:middle;}

.hometax-certificate-box{ border:1px solid var(--gray30-color);-webkit-box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04); box-shadow: 2px 2px 9px 0 rgba(0,0,0,0.04);  box-sizing: border-box;}
.hometax-certificate-box .tabbtn{display:table;}
.hometax-certificate-box .tabbtn li{display:table-row; }
.hometax-certificate-box .tabbtn li div{display: table-cell; vertical-align:middle; width:118px; height:331px; text-align:center; border-left:5px solid #e4e3e7; background:#f2f1f3; }
.hometax-certificate-box .tabbtn li a{font-size:16px; color:#9d9d9d; display:block;}
.hometax-certificate-box .tabbtn li:first-child a{color:#444444;}
.hometax-certificate-box .tabbtn li a i{font-size:22px; color:#bcbcbd;}
.hometax-certificate-box .tabbtn li a p{font-weight:bold;}
.hometax-certificate-box .tabbtn li.active div{border-left:5px solid var(--darkblue-color) !important; border-right:1px solid var(--gray20-color); background:var(--white-color);}
.hometax-certificate-box .tabbtn li.active a,
.hometax-certificate-box .tabbtn li.active a i{color:var(--darkblue-color);}
.hometax-certificate-box .tabbtn li.active .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn li.active .check-icon:after{ content: "\e92b";}
.hometax-certificate-box .tabbtn .check-icon{font-family : xeicon;}
.hometax-certificate-box .tabbtn .check-icon:after{ content: "\e92c";}
.hometax-certificate-box .tabbtn li .txt-bg{display:inline-block; padding:4px 5px 0; font-size:12px; font-weight:bold; background: var(--gray30-color); color: var(--gray80-color); border-radius: 5px 0 5px 0;}
.hometax-certificate-box .tabbtn li.active .txt-bg{ background:#DEEBFF; color:var(--darkblue-color);}

/* 홈택스 부서사용자계정 및 인증서----우측 화면 */
.hometax-certificate-box .right-conts{position: relative; width: calc(100% - 120px); padding:20px 35px 0; box-sizing: border-box;}
.hometax-certificate-box .guide-txt-box{margin-top:25px;}

/* 인증정보 로그인 25.12.03 수정*/
.search-login-box{ padding:30px 0; border-radius:5px; background: var(--white-color); border:1px solid var(--gray30-color);}
.search-login-box-inner{float:left;width:50%; border-left:1px solid #eee; padding:20px 0;box-sizing:border-box;}
.search-login-box-inner .login-title{margin:0 0 15px 0; font-weight:bold;font-size:16px; text-align:center; }
.search-login-box-inner:first-child{border-left:0;}
.search-login-box-inner ul{margin:0 auto; width:216px;}
.search-login-box-inner ul li{margin:5px 0; text-align:center;}
.search-login-box-inner ul li input{width:216px; height:28px;}
.search-login-box-inner ul li label{display:none;}
.search-login-box-inner ul .input-both-item{width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 4px; flex-wrap: nowrap;}
.search-login-box-inner ul .input-both-item input{flex-grow: 1; width: calc(100% - 32px);}

/* 인증정보 안내 텍스트 */
.guide-txt-box{position:relative; border:1px solid var(--gray30-color); margin-top:70px;}
.guide-txt-box .info-icon{background:#f9f9f9; vertical-align:middle; text-align:center;}
.guide-txt-box table{ width:100%; font-size:14px;}
.guide-txt-box table th{padding:12px 20px; text-align:left; vertical-align:top; border-top:1px solid var(--gray30-color); color: var(--black-color); }
.guide-txt-box table td{padding:12px 16px 8px; border-top:1px solid var(--gray30-color); border-left:1px solid #eee;}
.guide-txt-box table .bdtnone{border-top:0; }
.guide-txt-box table .bold{ font-weight:bold;}
.guide-txt-box table .small-btn{margin-left:5px;}

/**************공통 - 도트아이콘 + 텍스트 **************/
.dot-icon-txt{position: relative; padding:2px 8px;}
.dot-icon-txt:before{content:''; position:absolute;left:0; top: 6px; vertical-align: middle; width:3px; height:3px; background: var(--gray50-color); border-radius: 3px; }

/*************** 팝업 - 인증서 변경 파일 찾기 ***************/
span.fileInput {position:relative; cursor:pointer; display:inline-block; vertical-align:middle;  background: var(--white-color); text-align:left;}
span.fileInput label input {position:absolute; width:0; height:0; overflow:hidden;}
span.fileInput .file_input_textbox {position:relative; float:left; width:353px; height:28px; border: 1px solid var(--gray40-color); box-sizing: border-box; margin-top: 0px !important;}
span.fileInput .file_input_div {position:relative; width:82px; height:auto; overflow:hidden;}
span.fileInput .file_input_hidden {font-size:29px; position:absolute; right:0px;  top:0px;  opacity:0;  filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}
/*************** //팝업 - 인증서 변경 파일 찾기 ***************/

/************ 권한등록 박스 하단 메세지(모달팝업) *************/
.select-message-box{background: var(--lgray21-color); font-weight:bold; padding:10px 10px 7px; border-top:1px solid var(--gray20-color);}
.select-message-box i{ font-size:18px; margin-right:2px; vertical-align:middle;}
/*.select-message-box{position: absolute; width: 100%; bottom: 0; left:0;}*/


/*****************기존 퀵허브 항목 :: 카드등록 / 계좌등록 관련********************/
/* 은행정보등록 :: 로그인 */
.bank-login-title{ color: (--black-color); margin:16px 0; text-align:center; font-weight:bold;}
.bank-login-title i{ font-size:20px; margin-right:2px; vertical-align:middle; margin-top:-2px; color: var(--darkblue-color);}
.bank-login{background: #f9f9f9; /*background: var(--white-color);*/ border:1px solid var(--gray20-color); padding:30px 0; border-radius:5px;  box-sizing: border-box;}
.bank-login ul{width:300px; margin:0 auto; text-align:center;}
.bank-login ul li{margin:5px 0;}
.bank-login ul li label{display:inline-block; vertical-align:middle; width:50px; font-size:13px; font-weight:bold; color: var(--black-color); padding-top:6px;}
.bank-login ul li input{width:200px;}

/*로그인 정보 등록 */
.certificate-choice-con02 {margin:35px auto; text-align:center;}
.certificate-choice-con02 input[type="radio"] {display:none;}
.certificate-choice-con02 span:last-child label{margin-right:0;}
.certificate-choice-con02 label {
    position:relative;
    display:inline-block;
    width:237px;
    height:160px;
    color: var(--gray90-color);
    font-weight:bold;
    font-size:17px;
    padding:22px 20px 0 20px;
    border:1px solid var(--gray40-color);
    margin-right:34px;
    background:#fff;
    line-height:36px;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.certificate-choice-con02 [type="radio"]:hover + label,
.certificate-choice-con02 [type="radio"]:checked + label{
    background: #fff;
    border: 1px solid var(--darkblue-color);
    color:var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.certificate-choice-con02 [type="radio"]:checked:hover + label {
    background: #fff;
    border: 1px solid var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
}
.certificate-choice-con02 .txt-bg{display:inline-block; margin:-3px 0 0 5px;vertical-align:middle; padding:0 5px; line-height:1.7; height:20px; font-size:12px;  background:#DEEBFF; color: var(--darkblue-color); font-weight:bold; border-radius:5px 0 5px 0;}
.certificate-choice-con02 .icon-bgbox{display:table;background:#DEEBFF; margin:3px auto; width:71px; height:71px; border-radius:50%; text-align:center; vertical-align:middle;}
.certificate-choice-con02 .icon-bgbox em{vertical-align:middle;display:table-cell;}

/* 계좌신규등록 - 인증방식 선택*/
.bank-account-regist{margin:10px 0 20px;}
.bank-account-regist .stitle{font-size:17px; font-weight:bold; color:var(--gray90-color); line-height:34px; margin-right:20px; padding-left:4px;}
.bank-account-regist .select-btn-box{background:#e4e4ec; border-radius:30px; /*max-width:246px;*/ height:35px; box-sizing:border-box;}
.bank-account-regist .select-btn-box li{float:left; line-height:34px; width:100px; text-align:center; box-sizing:border-box;}
.bank-account-regist .select-btn-box li.active{width:133px;}
.bank-account-regist .select-btn-box li.active a:before{content:"\e929"; color: var(--white-color); font-family : xeicon; margin:-7px 2px 0 -5px; font-size:18px; vertical-align:middle;}
.bank-account-regist .select-btn-box li.active a{background:var(--darkblue-color); color: var(--white-color);border-radius:30px; padding-left:0; padding-top:0;}
.bank-account-regist .select-btn-box li a{display:inline-block; width:100%; height:35px; vertical-align:middle; padding-left:15px; padding-top:2px;}
.bank-account-regist .select-btn-box li:last-child a{padding-left:0; margin-left:-5px;}
.bank-account-regist .select-btn-box li.active:last-child a{margin-left:0;}

.subtitle-uline{font-size:17px;font-weight:bold; color:var(--gray90-color); border-bottom:1px solid var(--gray80-color); padding:0 0 5px 4px;margin-top:20px;}

/* 20220524 수정 및 추가 은행정보등록- step02 : 은행선택 */
.bank-select02 {position: relative; padding: 0; list-style: none;}
.bank-select02:after{ content:''; display:block; clear: both;}
.bank-select02 li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
.bank-select02 li:nth-child(5n) {margin-right:0}
.bank-select02 li label { /* 탭 헤더 */
    position: relative;
    display:inline-block;
    width:115px;
    background: var(--white-color);
    padding: 8px 2px;
    border:1px solid var(--gray30-color);
    border-radius: 5px;
    text-align:center;
    font-size:13px;
    color:var(--black-color);
    white-space: nowrap;
    box-sizing:border-box;
    cursor:pointer;
}
.bank-select02 li [type="radio"] {display: none;}
.bank-select02 li [type="radio"]:checked ~ label {
    background: var(--white-color);
    border: 1px solid var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bank-select02 li label:hover{background: var(--lgray10-color);}
.bank-select02 li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; }
.bank-select02 li label img{width:auto; height:auto; max-width:100px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;}
.bank-select02 li label span{margin-right:3px;}

/* 인증서 하단 :: 계좌선택 메세지 */
.choice-msg-box{border:1px solid var(--gray30-color); border-top:0; padding:10px; background: var(--lgray10-color);}
.txt-search-msg{ display:inline-block; padding-top:5px;}
.txt-choice-msg{border-bottom:4px solid #fae676; display:inline-block;line-height:0.6; font-weight: bold;}

.choice-msg-box02{margin:10px 0 0 0; padding:40px 0; border-top:1px solid #333; border-bottom:1px solid #ddd; text-align:center;}
/* 카드신규등록 하단에 사용 */
.choice-msg-box03{border-bottom:1px solid var(--gray80-color); border-top:0;padding-bottom:16px;}


/* 계좌 신규등록 (간편) 통화코드 말풍선 */
span.questionBtn {margin-left: 1px; padding-top:2px; font-size: 14px;cursor: pointer; vertical-align:middle; display:inline-block;}
div.answerDiv {
    display: none;
    position: absolute;
    top:18px;
    left:0;
    border:1px solid var(--gray90-color);
    text-align:center;
    width: 260px;
    height:auto;
    padding:8px 6px;
    background: var(--white-color);
    border-radius: 5px;
    box-sizing:border-box;
    z-index: 99999999999999;
}
.answerDiv p {font-weight: bold;margin-bottom: 0px; margin-top: 0; white-space: normal; font-size: 14px !important; line-height:1.4}
.answerDiv span {font-weight:lighter; display:inline-block; line-height: 1.2;}
/* //계좌 신규등록 (간편) 통화코드 말풍선 */

/* 카드사선택 list*/
.card-select {position: relative; padding:16px 0; list-style: none;}
.card-select:after{ content:''; display:block; clear: both;}
.card-select li {float: left; padding: 3px 0;	margin:0 5px 0 0;}
.card-select li:nth-child(5n) {margin-right:0}
.card-select li label { /* 탭 헤더 */
    position: relative;
    display:inline-block;
    width:115px;
    background:var(--white-color);
    padding: 8px 2px;
    border:1px solid var(--gray30-color);
    border-radius: 5px;
    text-align:center;
    font-size:13px;
    color:var(--black-color);
    white-space: nowrap;
    box-sizing:border-box;
    cursor:pointer;
}
.card-select li [type="radio"] {display: none;}
.card-select li [type="radio"]:checked ~ label{
    background: var(--white-color);
    border: 1px solid var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.card-select li label:hover{background: var(--lgray10-color);}
.card-select li label p{height: 30px; vertical-align:middle; margin:0 !important; padding:0; display:block; }
.card-select li label img{width:auto; height:auto; max-width:75px;max-height:30px; display:inline-block; text-align:center; vertical-align:middle;}
.card-select li label span{margin-right:3px;}

/* 카드신규등록(카드리스트조회) */
.card-list-form table td {padding: 5px 3px;}
.card-list-form input[type="password"],
.card-list-form input[type="text"]{font-size:13px; padding:0 2px; border-color:#aaa;text-align:center;}
.card-list-form input[disabled="disabled"] {border-color:#ddd;}
.card-list-form input[type="text"]:focus {border:1px solid #555;}
.card-list-form .width23{width:23%;} /* 인풋사이즈 */
.box-red{border:1px solid #e42424 !important;}

.notice-txt03{margin:0; padding:14px 18px;line-height:1.3; background: var(--white-color); border:1px solid var(--gray30-color); box-sizing:border-box;}
.notice-txt03 p{margin:0 0 0 !important; padding:0;font-size:13px;}


/****************2024.01.22 매출전표출력-인쇄화면 팝업*****************/
.wrap-print-receipt{width:21cm;/* min-height:29.7cm; padding:0.3cm;*/ margin:0 auto; box-sizing:border-box; }

/* 프린트시 적용할 값 세팅*/
@media print{
    *{-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    .print-inner{margin:0;}
    .no-print {display:none }
    body{background:none;}
    .print-pg-break{page-break-before:always}
    .wrap-print-receipt{width:21cm; min-height:29.7cm; padding:0.3cm; margin:0 auto; box-sizing:border-box; }
}

/* 인쇄닫기버튼 간격 */
.no-print button{margin:0 10px !important;}

.print-inner{box-sizing:border-box;}
.print-inner:after{content:""; clear:both; display:block;}

.receipt-item{float:left; display:inline-block; width: calc(50% - 20px); min-height:518px; margin:10px 10px 5px; padding:4px 24px; border-radius:4px ; border:1px solid #ccc; box-sizing:border-box;} /* 2023.07.25 수정*/
.receipt-item .title{font-size:16px; font-weight:bold;margin:5px 0 5px;text-align:center;}

.receipt-tbl1{width:100%;font-size:12px;border-top:2px solid #000;box-sizing:border-box; }
.receipt-tbl1 th{padding:4px 10px 4px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl1 td{padding:4px 10px 4px 12px; text-align:right; font-weight:500; border-bottom:1px solid #eee; letter-spacing:0;}
.bdd-dark{border-bottom:1px dotted #000 !important;}

.receipt-tbl2{width:100%;font-size:12px; /*font-family:dotum, gulim, sans-serif;*/ border-top:1px dotted #000; background:#f7f7f7;box-sizing:border-box; }
.receipt-tbl2 th{padding:4px 10px 4px 12px; text-align:left; font-weight:700; border-bottom:1px solid #eee; }
.receipt-tbl2 td{padding:4px 10px 4px 12px; font-size:14px; font-weight:bold; border-bottom:1px solid #eee; letter-spacing:0; }
/**************** //2024.01.22 매출전표출력-인쇄화면 팝업*****************/


/**************** 2024.01.23 전자세금계산서 상세화면 *****************/
.tax-invoice-title{position: relative; width: 930px; margin: 0 auto 24px; background: #EFF5FF; padding: 20px 20px 16px; text-align:center; color: var(--black-color); font-size:17px; font-weight:bold; border-radius: 5px; box-sizing: border-box;}

.tax-invoice-box {width:930px;height:auto;margin: 0 auto; border: 2px solid #ccc; border-top:1px solid #ccc; box-sizing:border-box;clear:both;font-size:14px;}
.tax-invoice-box table th,
.tax-invoice-box table td{line-height:1.2;}
.tax-invoice-box table {width:100%;  table-layout: fixed; ox-sizing:border-box;}
.tax-invoice-box table th {padding:5px 5px 6px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; background:#f3f3f3; color:#000; font-weight: 500; font-size: 13px; text-align:center;}
.tax-invoice-box table td {padding:7px 5px; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; /* border: 1px #ddd solid; border-right:0;*/ text-align:center; color:#444; font-weight: 400; vertical-align:middle; font-size:12px; word-break: normal; box-sizing:border-box;}
.tax-invoice-box table th.font24 {padding: 8px 30px 10px;text-align:center;font-size:24px;font-weight:500;color: #000; background:#fff;}
.tax-invoice-box table th.title02  {text-align:center; color: #cf2e42; background: #fdf6f6;}
.tax-invoice-box table th.title02_01  { text-align:center; background: #fedadc; color: #cf2e42; }
.tax-invoice-box table th.title03  {text-align:center; background: #f7f9ff;color:#3564ac;}
.tax-invoice-box table th.title03_01  {text-align:center; background: #d6e4fb; color: #3564ac;}

.tax-invoice-box .bd-top-red{border-top:3px double #edb1b8 !important;}
.tax-invoice-box .bd-bottom-red{border-bottom:3px double #edb1b8 !important;}
.tax-invoice-box .bd-top-blue{border-top:3px double #b1c2dc !important;}
.tax-invoice-box .bd-bottom-blue{border-bottom:3px double #b1c2dc !important;}
.tax-invoice-box .bd-top-double{border-top:3px double #ccc !important;}
/**************** //2024.01.23 전자세금계산서 상세화면 *****************/

/* 도입문의 */
textarea.text-area-box {width: 700px; height: 150px;}

/********************** 2024.01.23 공지사항 상세보기 페이지 **********************/
.board-detailview-wrap{position:relative; width:100%; border-top:1px solid var(--black-color);}
.board-detailview-wrap .board-header{position:relative; padding: 18px 24px 14px 24px; font-size:17px; font-weight:600; border-bottom:1px solid var(--gray40-color);  }
.board-detailview-wrap .board-header .r-txt{display:block; font-weight:400; font-size:13px; margin-top:7px;margin-left:2px;}
.board-detailview-wrap .board-cont{border-bottom:1px solid var(--gray40-color); padding:36px 24px; font-size:14px; line-height:1.6;}
/* 첨부파일 */
.board-detailview-wrap .attach-file-cont{padding:13px 24px 10px; border-bottom:1px solid var(--gray30-color);}
.board-detailview-wrap .attach-file-cont span.title{font-weight:600; font-size:14px; margin-right:18px; color:var(--darkblue-color);}
.board-detailview-wrap .attach-file-cont i{color:var(--darkblue-color); font-size:16px; vertical-align:middle; margin-top:-2px;}
.board-detailview-wrap .attach-file-cont a{font-weight:bold; text-decoration:underline;}
/* 이전글/다음글 */
.board-list-view ul li {display:block; border-bottom:1px solid var(--gray30-color);}
.board-list-view ul li:last-child{border-bottom:1px solid var(--gray30-color);}
.board-list-view ul li a:hover{background:#f9f9f9;}
.board-list-view ul li a{display:table; width:100%; height:100%; padding:0 18px; font-size:14px;}
.board-list-view ul li a span{display:table-cell; padding:11px 6px 9px}
.board-list-view .txt1{width:7%; text-align:left; color:var(--darkblue-color); font-weight:600;}
.board-list-view .txt1 i{margin-right:3px; margin-left:-3px}
.board-list-view .l-title{width:78%; text-align:left;}
.board-list-view .date{width:15%; text-align:right; font-size:13px;}
/********************** //2024.01.23 공지사항 상세보기 페이지 **********************/


/******************** 로그인/아이디/패스워드 찾기 *********************/
/* 2024.06.14 로그인(로고)*/
.login-top-logo{max-width:180px; margin:-20px auto 10px;}
.login-top-logo img{width:100%;}

.center-mtitle{text-align:center; font-size:28px; font-weight:600; margin-top:64px;}
.member-con-inner{ position:relative; max-width:420px; margin:0 auto;}

.member-form-box{ position:relative; max-width:630px; margin:30px auto;}
.member-form-box02{ position:relative; max-width:340px; margin:30px auto;}

.member-form-box .stitle-box {position:relative;}
.member-form-box .stitle-box p {display:block; text-align:center; font-size:22px; font-weight:bold;}
.member-form-box .stitle-box span {display:block; text-align:center; font-size:15px; font-weight: 400; margin-top:8px;}

.tab-menu-idpw {width:100%; height:55px; margin-bottom:42px; position:relative;}
.tab-menu-idpw ul::after {content:''; display:block; clear: both;}
.tab-menu-idpw ul li {width:50%; height:55px; display:block; float:left; border-bottom:3px #edefef solid; border-left:1px solid #efefef; border-right: 1px solid #efefef; border-top:1px solid #efefef; box-sizing: border-box; text-align:center; line-height: 55px; font-size:18px; font-weight:400; cursor:pointer;}
.tab-menu-idpw ul li:first-child{border-right:none;}
.tab-menu-idpw ul li:hover,
.tab-menu-idpw ul li.active{border-bottom: 3px var(--darkblue-color) solid; color:var(--darkblue-color);}
.tab-menu-idpw ul li:hover a,
.tab-menu-idpw ul li.active a{color: var(--darkblue-color);}
.tab-menu-idpw ul li.active a{font-weight:bold;}

.member-login-form{position:relative; max-width:340px; margin:0px auto;}
.member-login-form li{padding:7px 0 7px; }
.member-login-form input{max-width:340px; height:40px;}
.member-login-form label{display:block; color: var(--black-color); font-weight:bold;}

/* 로그인 하단 :: 버튼 */
.member-txt-btn-box{ position:relative; display:flex; }
.member-txt-btn-box span{display:inline-block; width:50%; text-align:center; vertical-align:middle;}
.member-txt-btn-box span button.icon{padding-right:5px;}
.member-txt-btn-box span button i{margin-right:0;}

/* 2024.06.13 반응형 추가 */
@media all and (max-width:347px){
    .member-txt-btn-box span:first-child{width:47%;}
    .member-txt-btn-box span:last-child{width:53%;}
    .member-txt-btn-box span button{font-size:13px !important; letter-spacing:-0.05em;}
}

/* 로그인 하단 메세지 */
.service-join-msg{position:relative; margin:20px 0;background: #f7f7f7; padding: 18px 20px 14px; text-align:center; border-radius:5px;}
.service-join-msg .txt{color: var(--black-color); font-weight:bold; display:inline-block; margin-right:10px;}

/* 회원쪽 버튼 사이즈 */
.member-btn{width:340px; height:46px; font-size:15px;}
/* 회원쪽 버튼 양쪽 */
.member-btn-con{max-width:340px !important; margin:0 auto;}
.member-btn-con button{width: calc(50% - 5px); margin-right:10px; height:46px; font-size:15px;}
.member-btn-con button:last-child{margin-right:0;}
/* 실패 아이콘 */
.icon-fail-wrap{margin:20px 0 28px;text-align:center;}
.icon-fail-wrap img{max-width:50px;}

/* 아이디 찾기 2024.02.08 */
.idpw-find-form{position:relative; max-width:420px; margin:0px auto 20px;}
.idpw-find-form li{position:relative; display:flex; justify-content: space-between; align-items:center; margin:10px 0;}
.idpw-find-form li label{width:25%; font-weight:bold; padding-top:5px; font-size:15px;}
.idpw-find-form li .form-wrap{width:85%;}
.idpw-find-form ul li input{width:100%;}
.idpw-find-form ul li .input-form-style2,
.idpw-find-form ul li .input-form-style3{display:flex;justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.idpw-find-form ul li .input-form-style2 span,
.idpw-find-form ul li .input-form-style3 span{display:inline-block; flex-grow:1; flex-shrink : 1;}
.idpw-find-form ul li .input-form-style2 span:nth-child(1){flex-basis:47%; }
.idpw-find-form ul li .input-form-style2 span:nth-child(3){flex-basis:47%; }
.idpw-find-form ul li .input-form-style3 span:nth-child(1){flex-basis:30%; }
.idpw-find-form ul li .input-form-style3 span:nth-child(3){flex-basis:25%; }
.idpw-find-form ul li .input-form-style3 span:nth-child(5){flex-basis:40%; }
.idpw-find-form ul li .input-form-style2 span.hyphen{flex-grow:1; flex-shrink : 1; flex-basis:5%; text-align:center; vertical-align:middle; padding-top:5px}
.idpw-find-form ul li .input-form-style3 span.hyphen{flex-grow:1; flex-shrink : 1; flex-basis:3%; text-align:center; vertical-align:middle; padding-top:5px}

/* 2024.06.13 반응형 추가*/
@media all and ( max-width: 800px ){
    .tab-menu-idpw ul li{font-size:16px;}

    /* 아이디 비번 찾기 */
    .idpw-find-form li{position:relative; display:block; margin:16px 0;}
    .idpw-find-form li label{width:100%; }
    .idpw-find-form li .form-wrap{width:100%;}
    .idpw-find-form ul li input{width:100%; height:36px;}
}
@media all and ( max-width: 460px ){
    /* 회원쪽 버튼 사이즈 */
    .member-btn{width:100%;}
}

/******************** //로그인/아이디/패스워드 찾기 *********************/

/************************ 업무가이드 - 새창팝업 *****************************/
#user-guide-wrap{ position:relative; width:100%; height:auto; box-sizing:border-box;}
/* guide header */
#user-guide-wrap .guide-header-wrap{position: fixed; width: 100%; height:70px; top: 0; left:0; padding: 20px 0 17px 0; background: #fff; border-bottom:1px solid  var(--gray30-color); z-index: 91; box-sizing:border-box;}
#user-guide-wrap .guide-header-wrap .header-inner-conts{position:relative; display:flex; justify-content: space-between; align-itesm: center; padding:0 24px;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle{position:relative; margin:0; padding:0; text-align:left; color: var(--black-color); box-sizing:border-box;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle span{position:relative; display:inline-block; font-size:20px; font-weight:700; padding-left:13px; }
#user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle span:before{content:""; width:5px; height:21px; position:absolute; top:-2px; left:0; background: url(../img/ico_titlebar_l.png) no-repeat;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle .explain-txt{display:inline-block; font-size:14px; font-weight:400; padding-left:23px;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle .bar:before{content:"│"; color: var(--gray40-color); padding-left:3px; background:none;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items{position:relative;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items .input-box{position:relative;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items .input-box input{width:260px; background: var(--lgray20-color); border:0; border-radius:30px; padding-left:20px; padding-right:40px; -webkit-box-shadow: none ;box-shadow: none; -webkit-transition: all 0.3s;transition: all 0.3s;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items .input-box input:focus{width:360px; background: #EFF5FF;}
#user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items .input-box .btn-search{position: absolute; top: 6px; right: 12px; font-size: 20px; color: var(--darkblue-color);}

/* guide-container */
#user-guide-wrap .guide-container {position: relative; width:100%; height:auto; margin:70px 0 0 0; padding-left:280px;  -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing:border-box;}

#user-guide-wrap .guide-container .left-sidemenu-guide{ position: fixed; top: 70px; left: 0; width: 280px; height:calc(100% - 70px);  background-color:#fff;padding:16px; border-right:1px solid  var(--gray30-color); overflow-y: auto; overflow-x:hidden;  z-index: 90; -webkit-transition: all 0.3s;transition: all 0.3s; box-sizing:border-box;}
#user-guide-wrap .guide-container .right-container{ position: relative; width:100%; height:100%; padding:50px 0;box-sizing:border-box;}
#user-guide-wrap .guide-contents-wrap{position:relative; margin:0 auto; max-width:840px; padding:24px;}
#user-guide-wrap .guide-contents-wrap img{max-width:100%;}

@media all and (max-width:1024px){
    /* 타이틀 옆 서브 텍스트 삭제*/
    #user-guide-wrap .guide-header-wrap .header-inner-conts .guide-poptitle .explain-txt{display:none;}
}
@media all and (max-width:800px){
    /* 800px 이하 인풋 포커스 가로 사이즈 동일*/
    #user-guide-wrap .guide-header-wrap .header-inner-conts .right-side-items .input-box input:focus{width:260px;}
}


/****업무가이드 좌측 lnb ***/
#lnb {position: relative; width: 100%;}
#lnb h1 {position:relative; text-align: left;color: var(--black-color);font-size: 14px; font-weight:bold; border-bottom:1px solid var(--lgray20-color); margin:24px 0 8px; padding:0 0 5px;}
#lnb h1:first-child{margin-top:10px;}

#lnb .lnb-item{position: relative;}
#lnb .lnb-item > a{position:relative;display: block;padding: 10px 20px 6px 10px;height: auto;width: 100%; border-radius: 5px; word-break: break-all; box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s;}

#lnb .lnb-item > a:before{ font-family: xeicon;}
.lnb-2dep-menu li a:before{font-family: xeicon; }
.lnb-3dep-menu li a:before{font-family: xeicon; }
#lnb .lnb-item > a:before:hover{font-weight:normal;}
.lnb-2dep-menu li a:before:hover{ font-weight:normal;}
.lnb-3dep-menu li a:before:hover{ font-weight:normal;}

#lnb .lnb-item > a:before{position:absolute; top: 50%; margin-top: -13px; right: 8px; font-size: 18px; content:"\e945"; color: #888; transform: rotate(90deg); transition:0.2s;}
#lnb .lnb-item > a > span{width: 100%; color: var(--gray80-color); font-size: 14px; font-weight:400; word-break: break-all;}
#lnb .lnb-item > a > i{position: absolute; top: 50%; margin-top: -12px; left: 20px; font-size: 21px; color: #fff;}
#lnb .lnb-item > a > span,
#lnb .lnb-item > a:before{opacity: 1; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s;}
#lnb .lnb-item > a:hover{background: #f9f9f9;}
#lnb .lnb-item > a:focus{background: var(--grayblue30-color); }
#lnb .lnb-item > a:focus span{font-weight:bold;}
#lnb .lnb-item > a:focus span,
#lnb .lnb-item > a:hover span{color: var(--darkblue-color) !important;}

/* on 사용*/
#lnb .lnb-item.on > a:before{content:"\e945"; color: var(--darkblue-color);  transform: rotate(180deg); transition:0.2s;}
#lnb .lnb-item.on > a{background: var(--grayblue30-color); }
#lnb .lnb-item.on > a span{color: var(--darkblue-color); position:relative; font-weight:700;}

/* 2depth */
.lnb-2dep-menu{display: none;}
/*.lnb-2dep-menu li:before{content:""; background:#eee; width:1px ;height:100%; position:absolute; top:0; left:10px;}*/
.lnb-2dep-menu li{padding:5px 0 0 10px; position:relative; }
.lnb-2dep-menu li a{position:relative; visibility: visible; width: 100%; padding: 5px 20px 2px 3px; display: block; font-size: 14px; line-height: 1.4; color: #333 ; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 1;}

/* hover */
.lnb-2dep-menu li > a:before{position:absolute; top: 50%; margin-top: -13px; right: 8px; font-size: 18px; content:"\e945"; color: #888; transform: rotate(180deg); transition:0.2s;}
.lnb-2dep-menu li.on > a:before{content:"\e945";color: var(--darkblue-color); transform: rotate(0deg); transition:0.2s; font-weight:normal;}
.lnb-2dep-menu li a:hover span,
.lnb-2dep-menu li a:focus,
.lnb-2dep-menu li.on a span{color: var(--darkblue-color);font-weight:700;}
.lnb-2dep-menu li a span:before{content:"\e97e"; color: var(--gray60-color);font-family: xeicon; font-size:10px; font-weight:normal; padding-right:1px;}

.lnb-2dep-menu li a:hover,
.lnb-2dep-menu li.noDepth.on a,
.lnb-2dep-menu li.noDepth a:hover,
.lnb-2dep-menu li.noDepth a:focus{background:#f7f7f7 !important; border-radius:5px !important;}

/* 3depth */
.lnb-3dep-menu{display: none;}
.lnb-2dep-menu li .lnb-3dep-menu li{padding:0 0 0 10px;}
.lnb-3dep-menu li a{position:relative; visibility: visible; width: 100%; padding: 6px 8px 3px; display: block; font-size: 13px; line-height: 1.4; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; opacity: 1;}
.lnb-3dep-menu li a span{ color: #666 !important;}
.lnb-3dep-menu li a span:before{content:"-"; padding-right:3px; font-weight:normal !important; color: var(--gray60-color);}
.lnb-3dep-menu li.on a span{color: var(--darkblue-color) !important;}

.lnb-3dep-menu li a:hover span{color: var(--darkblue-color) !important; }
.lnb-3dep-menu li.on a,
.lnb-3dep-menu li a:hover,
.lnb-3dep-menu li a:focus{background:#f7f7f7 !important; border-radius:5px !important;}
.lnb-2dep-menu li > .lnb-3dep-menu li a:focus span,
.lnb-2dep-menu li > .lnb-3dep-menu li.on a span{color: var(--darkblue-color) !important;}

#lnb > ul li.noDepth a:before{display:none;  content:"";}
/**** // 업무가이드 좌측 lnb ***/
/************************ //업무가이드 - 새창팝업 *****************************/


/**************** 404 error 메세지 *****************/
.error-404-box{margin:100px auto; }
.error-404-box .center-mtitle{font-size:32px; font-weight:bold;}
.error-404-box .message-txt{ margin:24px 0; text-align:center; font-size:16px; line-height:1.6;}

/*********************** 회원가입 프로세스 바*********************************/
.process-wrapper {margin:30px auto; max-width: 720px; display: flex; justify-content: space-between; }
.process-item { position: relative; display: flex; flex-direction: column; align-items: center; flex: 1;}
@media (max-width: 768px) {
    .process-item{font-size: 12px;}
}
.process-item::before { content: ""; position: absolute; border-bottom: 3px dotted #d6d6dc; width: 100%; top: 16px; left: -50%; z-index: 2;}
.process-item::after {content: ""; position: absolute; border-bottom: 3px dotted #d6d6dc; width: 100%; top: 16px; left: 50%; z-index: 2;}
.process-item .step-counter { position: relative; z-index: 5; display: flex; justify-content: center; align-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e4e5ec; border: 3px solid #e4e5ec; margin-bottom:13px;}
.process-item .step-name{font-size:16px; color:#999;}
.process-item.active {font-weight: bold;}

.process-item.active .step-name{color:#2A54AB;}
.process-item.completed .step-name{color:#2A54AB;}

.process-item.active .step-counter { background-color: #fff ; color:#fff;  border-color:#2A54AB; font-weight:bold; width: 36px; height: 36px; margin-top:-3px; }
.process-item.completed .step-counter { background-color: #2A54AB; color:#fff; border-color:#2A54AB;} /* 배경색상부분 */
/* 스텝 완료시 txt->아이콘 변경*/
.process-item .step-counter .ico-check{display:none;}
.process-item .step-counter .num-txt {display:block; color:#666; font-weight:bold; padding-top:7px; font-size:16px;}

.process-item.active .step-counter .num-txt {color:#2A54AB; font-weight: bold;}

.process-item.completed .step-counter .num-txt {display:none;}
.process-item.completed .step-counter .ico-check{display:block; font-size:20px;}

.process-item.completed::after {position: absolute; content: ""; border-bottom: 3px solid #2A54AB; width: 100%; top: 16px; left: 50%; z-index: 3;}  /* 배경색상부분 */
.process-item:first-child::before { content: none;}
.process-item:last-child::after { content: none;}
/*********************** //회원가입 프로세스 바*********************************/

/*************************회원가입*********************************/
.join-container{position:relative; max-width:720px; margin:0 auto;}
/* 버튼 세로사이즈 및 폰트사이즈 조정*/
.member-join-btn button{height:46px; font-size:16px;}

/* 라운드박스 */
.join-round-box{position:relative; width:100%; margin:0 0 24px 0; padding:52px 16px; background: var(--white-color); border: 1px solid #CCD7EE; border-radius:5px; box-sizing:border-box;}
/* 사전질의서 라운드박스 */
.join-round-box02{position:relative; width:100%; height:auto; margin:50px 0 0; padding:0; background: var(--white-color); border: 1px solid #CCD7EE; border-radius:5px; box-sizing:border-box;}
.join-round-box02 .mtitle-wrap{background: #EFF5FF; border-radius:5px 5px 0 0;}
.join-round-box02 .title{position:relative; height:54px; margin:0;padding:18px 0 0px 20px; text-align:left;  border-bottom:1px solid #E5ECF1; color: var(--black-color); box-sizing:border-box;}
.join-round-box02 .title span{position:relative; display:inline-block; font-size:20px; font-weight:700; padding-left:13px; line-height:1;}
.join-round-box02 .title span:before{content:""; width:5px; height:21px; position:absolute; top:-2px; left:0; background: url(../img/ico_titlebar_l.png) no-repeat;}
.join-round-box02 .inner-wrap{position:relative; padding:16px 0;}
.join-round-box02 .stitle{padding:0 20px; font-weight:bold; }
.question-txt1{position:relative; margin-top:16px; padding:14px 16px 7px; font-weight:bold; background: #f8f8f8; box-sizing:border-box;}
.question-txt2{position:relative; width:100%; box-sizing:border-box;}
.question-txt2 ul{width:100%; margin-top:8px;}
.question-txt2 li{display:block; margin:5px 36px; padding:0 0; box-sizing:border-box;}
.question-txt2 li:after{content:"";clear:both; display:block;}
.question-txt2 ul.h23px li{height:23px;}
.question-txt2 textarea{height:100px;}

/* 사업자번호확인 */
.bnum-check-title{font-size:22px; font-weight:bold; margin-bottom:16px; color: var(--black-color); text-align:center;}
.bnum-check-form{ max-width:340px; margin:0 auto; font-weight:bold; text-align:center;}
.bnum-check-form .label-title{display:block; font-size:18px; color: var(--black-color); font-weight:bold; margin-right:5px; }
.bnum-check-form input{height:46px; font-size:16px;}
.bnum-check-form input::placeholder{font-size:14px;}
/* 이용약관동의 */
.agree-check-box{margin:32px 0 4px;}
.agree-check-box.bd-rbox{position:relative;background: var(--white-color); border: 1px solid #CCD7EE; border-radius:5px;}
.agree-check-box ul li{position:relative; border-bottom:1px solid #eee; padding:13px 14px 10px;}
.agree-check-box ul li:last-child{border-bottom:0;}
.agree-check-box ul li button{position:absolute; right:14px; top:50%; margin-top:-10px;}
.agree-check-box label{ font-size:15px; font-weight:bold; }
.agree-check-box label em{ font-weight:bold;}
/* 서비스 이용 동의 체크박스 변형*/
.agree-check-box .cm-checkbox input[type="checkbox"]{position:relative; border:1px solid #ccc; background:#fff; margin-top:-3px;}
.agree-check-box .cm-checkbox input[type="checkbox"]:before {content:"\e929"; font-family:xeicon; font-size:18px; position:absolute; top:-3px; left:-2px; width:16px; height:16px; color:#ddd;}
.agree-check-box .cm-checkbox input[type="checkbox"]:hover{border-color:#333; }
.agree-check-box .cm-checkbox input[type="checkbox"]:checked:before{content:"\e929"; font-family:xeicon; font-size:18px; position:absolute; top:-3px; left:-2px; width:16px; height:16px;color:#fff;}
.agree-check-box .cm-checkbox input[type="checkbox"]:checked { position:relative;color:#fff; border-color:var(--darkblue-color); background:var(--darkblue-color);}

/* 회원가입 이용약관 박스 */
.join-policy-box01{position:relative;width: 100%; height: 550px; padding: 10px; overflow-x: hidden; overflow-y:auto; border: 0 solid var(--gray30-color) ; box-sizing: border-box;}
.join-policy-box01 h2{margin-top: 30px; text-align: center; font-size: 24px;}
.join-policy-box01 strong.title {margin-top:30px; display:block; font-size:16px;}
.join-policy-box01 ol.one {margin: 10px 0; font-size: 14px; font-weight: 500;}
.join-policy-box01 ol.two {margin: 10px 0 0 15px; font-size: 13px; color: #666;}
.join-policy-box01 ol.two li {margin-top: 10px;}
.join-policy-box01 ol.three {margin: 0 0 0 15px; font-size: 13px; color: #666;}
.join-policy-box01 ol.three li {margin-top: 3px;}
.join-policy-box01 ol.four {margin: 0 0 0 15px; font-size: 13px; color: #666;}
.join-policy-box01 ol.four li {margin-top: 3px;}

/* 회원가입완료 */
.join-finish-txt{ position:relative; text-align:center; font-size:20px; font-weight:bold;}
.join-finish-txt .stxt{ margin-top:8px; font-size:16px; font-weight:normal;}
.join-finish-icon {position: relative; display: flex; justify-content: center; align-items: center; width: 52px; height: 52px; border-radius: 50%; background: #E8F1FF; margin:0 auto 24px;}
.join-finish-icon i{ font-size:32px; color: var(--darkblue-color);}

.addr1-form .width90{width: calc(90% - 79px) !important;}


/******** 2024.06.13 서비스이용신청 반응형 추가 *********/
@media all and ( max-width: 800px ){
    .join-policy-box01{height: auto !important;}
    .center-mtitle{text-align:center; font-size:24px; font-weight:600; margin-top:24px;}

    /* 사업자정보 담당자정보 폼 */
    .join-container .tbl-type-row01{border-bottom:none;}
    .join-container .tbl-type-row01 colgroup{display:none;}
    .join-container .tbl-type-row01 th,
    .join-container .tbl-type-row01 td{width:100%; display:block; border:none;}
    .join-container .tbl-type-row01 th{padding:0 0 0 0; margin-left:-10px; margin-top:16px;}
    .join-container .tbl-type-row01 td{padding:0 0 0 10px;}
    .join-container .tbl-type-row01 td .w210px{width:100% !important;}
    .join-container .tbl-type-row01 td .w70px{width:32.8% !important;}
    .join-container  .tbl-h-large table th,
    .join-container  .tbl-h-large table td {height:auto;}

    .join-container input[type="text"],
    .join-container select,
    .join-container .btn-l{height:36px !important;}

    /* 주소 찾기 폼 */
    .join-container .tbl-type-row01 .addr1-form .width90{width: calc(100% - 80px) !important; }
    .join-container .tbl-type-row01 .mt5 .width90{width:100% !important;}

    /* 담당자 이메일 폼 */
    .join-container .tbl-type-row01 #sendEmail{display:block; width:100%; margin-top:10px;}
    .join-container .tbl-type-row01 #email_select{width:33% !important;}
    .join-container .tbl-type-row01 .w123px{width: calc(33% - 10px) !important;}

    /* 인증번호 입력 폼*/
    .join-container .tbl-type-row01 #emailVerifiy{width: calc(60% - 40px) !important;}
    .join-container.tbl-type-row01 .tbl-type-row01  #btnAuthKeyconfirm{width:40% !important;}

}
@media all and ( max-width: 640px ){
    .join-round-box02 .title span{font-size:18px;}

    /* 개인정보 취급방침 팝업 줄바꿈처리 */
    .responsive-pop .join-policy-box01 th,
    .responsive-pop .join-policy-box01 td{word-break: normal;}

    /* 사업자번호입력 타이틀 폰트 사이즈 줄임*/
    .bnum-check-title{font-size:20px; }

    .sub-stitle-con .sub-title-inner .lstitle-txt{font-size:18px;}

    .join-round-box{padding-left:36px; padding-right:36px;}
    .join-round-box .member-join-btn .w340px{ max-width:340px !important;}

    .join-container .member-join-btn .w340px{ width:100% !important;}
    .join-container .member-join-btn .center-con{margin:40px 0 0 0; width:100%; display:flex; justify-content: space-between;}
    .join-container .member-join-btn .w160px{width:30% !important; margin:0 0 0 0 !important; padding-left:8px !important; padding-right:8px !important;}
    .join-container .member-join-btn .w260px{width: calc(70% - 16px) !important; margin:0 0 0 0 !important;}

}
@media all and ( max-width: 430px ){
    .join-container .agree-check-box ul li button{font-size:13px !important; padding:6px 4px 0 !important; right:5px; top:19px;}
    .join-container .agree-check-box.bd-rbox label{ font-size:13px; margin-left:0 !important; letter-spacing:-0.03em;}
    .join-container .agree-check-box ul li{padding: 15px 5px 10px;}
    .join-container .agree-check-box .ml15{margin-left:5px !important;}
}
@media all and ( max-width: 357px ){
    .join-container .agree-check-box ul li button{position: relative; display:block; right: auto;top: auto; margin-top: 2px; margin-left: 30px; }

}
@media all and ( max-width: 335px ){
    .join-container .agree-check-box label{ font-size:13px;}
}

/************************* // 회원가입*********************************/

/*************************계정생성 2024.03.08 *********************************/
.join-container-wide{position:relative; width:1000px; margin:0 auto;}


/* 예산보고서 :: 상단 합계박스 합계박스 25.06.18수정 */
.total-result-box{position:relative; width:100%; display:flex; align-items:center; justify-content:space-between;  margin:0 0 10px 0; background: #EFF5FF; padding:8px 16px; /*height:46px;vertical-align:top; */border-radius:5px; box-sizing:border-box;}
.total-result-box .left-con{width:80%; display: flex;align-items: center;}
.total-result-box .right-con{width:20%; text-align:right;}
.total-result-box .right-con button{margin-top:0;}
/* 텍스트 bar type1 */
.txt-items1{display: flex;flex-wrap: nowrap;align-items: center;justify-content: flex-start;flex-direction: row;}
.txt-items1 span{display: flex;font-weight:bold;padding:0;font-size:14px;color:var(--black-color);flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;white-space: nowrap;}
.txt-items1 span:after{content:"│"; padding:0 4px; color:#ccc;}
.txt-items1 > span:first-of-type + em {white-space:nowrap;}
.txt-items1 em{color:var(--darkblue-color);font-weight:500;font-size:14px;white-space:normal;display: block;}
.txt-items1 .ico-type1:before{content:""; display:inline-block; margin-right:3px; width:22px; height:22px; background:url(../img/ico_calendar_check.svg) center/contain no-repeat; vertical-align:middle;}
.txt-items1 .ico-type2:before{content:""; display:inline-block; margin-right:3px; width:22px; height:22px; background:url(../img/ico_folder_open.svg) center/contain no-repeat; vertical-align:middle;}
.txt-items1 .bar-none:after,
.txt-items2 .bar-none:after{display:none;}
/* 텍스트 bar type2 */
.txt-items2{display:inline-block;}
.txt-items2 span{display:inline-block; font-weight:bold; padding:0;}
.txt-items2 span:after{content:"│"; padding:0 6px; color:#ccc;}
.txt-items2 span:last-child:after{display:none;}
.txt-items2 span em{color:var(--darkblue-color); font-weight:bold; margin-left:6px;}

/* 보고서 마감 (2024.02.15)*/
.txtbox-deadline{background:#fff0ee; padding:10px 20px; color: var(--black-color); font-weight:bold; border-radius:3px;}

/* 일별잔액보고서 :: 합계요약 */
.total-right-box{position:relative; margin:30px 0 0;}
.total-right-box .total-right-inner{float:right; width:40%; border:1px solid var(--gray20-color); border-radius:5px; padding:12px 16px 16px; box-sizing:border-box; }
.total-right-box i.ico{ font-size:14px; vertical-align:middle; margin-top:-3px;}
.total-right-box td.al{ padding-left:24px;}

/*****************일별잔액보고서 :: 인쇄 미리보기 (가로형)*********************/
/* 가로출력 */
.wrap-print-landscape{width:29.7cm; /*min-height:21cm;*/ padding:0.3cm; margin:0 auto; box-sizing:border-box; }
.wrap-print-landscape .grid-wrap td{font-size:12px !important;}
.wrap-print-landscape .tbl-type-list02 td{font-size:12px !important;}
.wrap-print-landscape .popup-header .poptitle{padding-left:0;}

/* 프린트시 적용할 값 세팅*/
@media print{
    *{-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    .wrap-print-landscape .print-inner{margin:0; padding:0 16px;}
    .no-print {display:none }
    body{background:none;}
    .print-pg-break{page-break-before:always}
    .wrap-print-landscape{width:29.7cm; min-height:21cm; padding:0.3cm; margin:0 auto; box-sizing:border-box; }
}
/* 출력용 그리드 영역 header tr 컬러 */
.wrap-print-landscape .grid-wrap.th-light .ui-state-default,
.wrap-print-landscape .grid-wrap.th-light .ui-widget-content .ui-state-default{
    /*border: 1px solid #ddd;*/
    /*border:none;*/
    background: #EAECF3 !important;
    background-image:none !important;
    font-weight: bold;
    color: #000 !important;
    border-color:#dddddd;
}
.wrap-print-landscape .grid-wrap.th-light th.ui-state-default {border-color: #ddd !important;}


/******************* 사용자관리 :: 사용자정보 팝업 추가 *******************/
/* 부서 텍스트박스 */
.de-selection{display:inline-block; min-width:25px;/* height:21px;*/ padding:3px 8px; margin:0 2px 2px 0; font-size:12px; font-weight:500; background: var(--grayblue30-color);/* border:1px solid #adbbd9;*/ color: var(--darkblue-color);border-radius:25px !important;}
.de-selection:last-child{margin:0 0 0 0;}
.de-selection button{width:18px; max-width:18px; min-width:18px; margin-top:-2px; margin-right: -3px; margin-left: 3px;}
.de-selection button i{ font-size:20px; vertical-align:middle; margin:0; padding:0;}
/* 부서 텍스트박스 - 색상추가 */
.de-selection2{display:inline-block; min-width:25px;/* height:21px;*/ padding:3px 8px; margin:0 2px 2px 0; font-size:12px; font-weight:400;background: var(--gray20-color);/* border:1px solid #adbbd9;*/ color: var(--darkblue-color);border-radius:25px !important;}
.de-selection2:last-child{margin:0 0 0 0;}
.de-selection2 button{width:18px; max-width:18px; min-width:18px; margin-top:-2px; margin-right: -3px; margin-left: 3px;}
.de-selection2 button i{ font-size:20px; vertical-align:middle; margin:0; padding:0;}
/* 변형 - 간편미수관리사용 25.04.02 */
.de-selection3{display:inline-block;min-width:25px;padding: 3px 5px 3px 8px; margin:0 2px 2px 0;font-size: 13px;font-weight:500;background: #eaeaea; color: var(--black-color);border-radius:25px !important;}
.de-selection3:last-child{margin:0 0 0 0;}
.de-selection3 button{width:18px; max-width:18px; min-width:18px; margin-top:-2px; margin-right: -3px; margin-left: 3px;}
.de-selection3 button i{ font-size:20px; vertical-align:middle; margin:0; padding:0;}
/* 변형 - 룰보드사용 25.04.16 */
.de-selection4{display:inline-block;min-width:25px; padding:3px 8px; margin:0 2px 2px 0;font-size: 12px;font-weight:500;background: #FFD5B7; color: #DD3300;border-radius:25px !important;}
.de-selection4:last-child{margin:0 0 0 0;}
.de-selection4 button{width:18px; max-width:18px; min-width:18px; margin-top:-2px; margin-right: -3px; margin-left: 3px;}
.de-selection4 button i{ font-size:20px; vertical-align:middle; margin:0; padding:0;}
.de-selection5{display:inline-block;min-width:25px; padding:3px 8px; margin:0 2px 2px 0;font-size: 12px;font-weight:500;background: #fcef5c; color: var(--gray80-color);border-radius:25px !important;}
.de-selection5:last-child{margin:0 0 0 0;}
.de-selection5 button{width:18px; max-width:18px; min-width:18px; margin-top:-2px; margin-right: -3px; margin-left: 3px;}
.de-selection5 button i{ font-size:20px; vertical-align:middle; margin:0; padding:0;}

/* 팝업 :: 경비조건등록 */
.write-both-form{width:100%; margin:0 0 10px 0; border-top:1px solid var(--black-color); border-bottom:1px solid var(--black-color); position: relative; white-space: nowrap; box-sizing:border-box;}
.write-both-form .fl{float:left; width: calc(45% - 10px);}
.write-both-form .fr{float:right; width: calc(55% - 10px);}
/* table 속 table 간격 조정*/
.write-both-form .tbl-type-row01{border-top:0; border-bottom:0;}
.write-both-form .tbl-type-row01 table td > .tbl-type-list02 th{height:32px !important; text-align:center !important;}
.write-both-form .tbl-type-row01 table td > .tbl-type-list02 td{height:28px !important; text-align:center;}
/******************* //사용자관리 :: 사용자정보 팝업 추가 *******************/


/***************** 팝업 :: 전체메뉴 ****************
.allmenu-con{position:relative; display:flex; justify-content: space-around; flex-direction: row; flex-wrap: nowrap;}
.allmenu-con .allmenu-list{min-width:11.5%;}
.allmenu-con .allmenu-list h3{font-size:18px; font-weight:bold; margin-bottom:10px; padding:8px 2px 2px; color:var(--black-color); border-bottom:1px solid var(--black-color);  box-sizing:border-box;}
.allmenu-con .allmenu-list ul{margin-bottom:20px;}
.allmenu-con .allmenu-list ul li{font-size:14px; padding-left:4px; margin:5px 0;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li{font-weight:normal; font-size:13px; padding-left:0;  margin:2px 0;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li{ font-weight:normal; font-size:13px; padding-left:5px; margin:1px 0;}
.allmenu-con .allmenu-list ul li a{padding:2px 0 1px; height:100%; display:inline-block;  color:var(--black-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li a:hover{color: var(--darkblue-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a{padding:2px 3px 1px; color: var(--gray80-color); font-weight:normal;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a:hover{ color: var(--darkblue-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a:before{content:"-"; color: var(--gray60-color); font-family: xeicon; font-size: 12px; font-weight: normal; padding-right: 3px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3{background:#f8f8f8; border-radius:3px; padding:5px 3px 1px; margin-bottom:8px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a{color: var(--gray80-color);}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a:before{content: "\e97e"; color: var(--gray60-color); font-family: xeicon; font-size: 8px; font-weight: normal; padding-right: 1px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a:hover{ color: var(--darkblue-color); font-weight:bold;}
/***************** //팝업 :: 전체메뉴 ******************/

/***************** 팝업 :: 전체메뉴 2024.03.26 수정 ******************/
.allmenu-con{position:relative; display:table; width:100%;}
.allmenu-con .allmenu-list{display:table-cell; padding:0 10px;}
.allmenu-con .allmenu-list h3{font-size:18px; font-weight:bold; margin-bottom:10px; padding:8px 2px 2px; color:var(--black-color); border-bottom:1px solid var(--black-color);  box-sizing:border-box;}
.allmenu-con .allmenu-list ul{margin-bottom:20px;}
.allmenu-con .allmenu-list ul li{font-size:14px; padding-left:4px; margin:5px 0;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li{font-weight:normal; font-size:13px; padding-left:0;  margin:2px 0;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li{ font-weight:normal; font-size:13px; padding-left:5px; margin:1px 0;}
.allmenu-con .allmenu-list ul li a{padding:2px 0 1px; height:100%; display:inline-block;  color:var(--black-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li a:hover{color: var(--darkblue-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a{padding:2px 3px 1px; color: var(--gray80-color); font-weight:normal;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a:hover{ color: var(--darkblue-color); font-weight:bold;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li a:before{content:"-"; color: var(--gray60-color); font-family: xeicon; font-size: 12px; font-weight: normal; padding-right: 3px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3{background:#f8f8f8; border-radius:3px; padding:5px 3px 1px; margin-bottom:8px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a{color: var(--gray80-color);}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a:before{content: "\e97e"; color: var(--gray60-color); font-family: xeicon; font-size: 8px; font-weight: normal; padding-right: 1px;}
.allmenu-con .allmenu-list ul li > .menu-depth2 li > .menu-depth3 li a:hover{ color: var(--darkblue-color); font-weight:bold;}
/***************** //팝업 :: 전체메뉴 ******************/


/* 결의서 상단 타이틀 추가 2024.02.26 */
.approval-mtitle{ position:relative; margin-bottom:20px; text-align:center; font-weight:bold; font-size:28px; letter-spacing:3px;}


/* 24.03.20 마이홈 및 결재함 테이블  문서없을떄 메세지  */
.no-data-message{height:341px !important; vertical-align:middle; font-size:14px !important;}
.no-data-message:hover{ background:#fff;}
/* 24.03.20 결재함 ::결제할내역 문서없을떄 메세지 // 24.08.07세로값수정 */
.no-data-box{width:100%; height:193px; display:flex; justify-content: center; align-items:center; border:1px solid var(--gray30-color); border-radius:5px; box-sizing:border-box;}

/* 지출결의서 - 참조자 영역 간격 조정 */
.reference-person-list {margin-top:4px;}
.reference-person-list .de-selection2{margin-bottom:2px; }

/**********2024.05.23 추가 multi select 관련 css :: sumoselect ***********/
.LContentsSearch .SumoSelect li{float:none !important;}
.SumoSelect p{margin:0}
.SumoSelect{height:32px;background:#fff no-repeat right 0 top 50%;background-size:auto 24px;box-sizing:border-box;}
.SelectBox{padding:5px 6px}
.sumoStopScroll{overflow:hidden}
.SumoSelect .hidden{display:none}
.SumoSelect .search-txt{display:none;outline:0}
.SumoSelect .no-match{display:none;padding:6px}
.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px}
.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}
.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.SelectClass{z-index:1}
.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.SumoSelect{display:inline-block;position:relative;outline:0}
.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont{border-color:var(--darkblue-color); -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s;  transition: all 0.3s;}
.SumoSelect>.CaptionCont{position:relative;border: 1px solid var(--gray40-color);height: 32px;border-radius: 3px;display: flex;margin:0;}
.SumoSelect>.CaptionCont>span{display: flex;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default;align-items: center;font-size: 13.5px;}
.SumoSelect>.CaptionCont>span.placeholder{color:#666;}
.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}
.SumoSelect>.CaptionCont>label>i{background-image:url('../img/ico_select_arrow_down.png');background-position: right;width:16px;height:16px;display:block;position: absolute;top:0;left: 10px;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}
.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}
.SumoSelect.open>.optWrapper{top:32px;display:block}
.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}
.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}
.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}
.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}
.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}
.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}
.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}
.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}
.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}
.SumoSelect>.optWrapper>.options li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}
.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}
.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}
.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}
.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}
.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#f3eeff;}
.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}
.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer;font-size: 12px;}
.SumoSelect>.optWrapper>.options li span{display:none}
.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}
.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}
.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}
.SumoSelect>.optWrapper>.options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:.5}
.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}
.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:27px;top:0;bottom:0;margin-left:-32px}
.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}
.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}
.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}
.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}
.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}
.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #dbdbdb;border-radius:0 0 0 3px}
.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px 0}
.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}
.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}
.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}
.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:var(--darkblue-color);border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center}
.SumoSelect.disabled{opacity:.7;cursor:not-allowed}
.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}
.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}
.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}
.SumoSelect .select-all.partial>span i{background-color:#ccc}
.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline}
.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #cdcdcd}
.SumoSelect[is-selected=false] .reset-all{opacity:.5;pointer-events:none}
.SumoSelect[is-selected=true] .reset-all{opacity:1;cursor:pointer;color:#7799d0}
.SumoSelect[is-selected=true] .reset-all *{cursor:pointer}
.SumoSelect[is-selected=true] .reset-all:hover{color:#000}

/**********2024.05.23 추가 multi select 관련 css :: sumoselect ***********/

/********** 2024.06.11 툴팁 추가 아이콘 텍스트용 ***********/
.ico-info{position:relative; display:inline-block; margin:0 0 0 0; width:20px;height:18px;}
.ico-info i{display:inline-block; font-size:17px; text-align:center; line-height:1; margin:-3px 0 0 0; font-family: xeicon; vertical-align:middle; font-weight:normal;  color: var(--grayblue60-color) !important;}
.ico-info i.fc-red{color: var(--red-color) !important;}
.ico-info i.dark-blue{color: var(--red-color) !important;}

.ico-info-grid{position:relative; display:inline-block; margin:0 0 0 1px; width:20px;height:18px;}
.ico-info-grid i{display:inline-block; font-size:17px; text-align:center; line-height:1; margin:-3px 0 0 -4px; font-family: xeicon; vertical-align:middle; font-weight:normal;}

/* 2024.06.19 메모 툴팁 추가*/
.ico-info-grid .ico-memo-b-o{display:inline-block; width:16px; height:16px; background: url(../img/ico_memo_b_o.svg) center/contain;}



/**************** 2024.06.17 부가세 날짜조회 팝업 및 버튼 추가 **********************/
/************* 일자조회팝업 **************/
.date-setting-wrap{position:relative;width:100%;}
.date-setting-wrap .date-txt-box{width:100%; margin:0 0 10px 0; padding:11px 16px 10px; background: #EFF5FF; border: 1px #CCD7EE solid; border-radius:2px; box-sizing: border-box;}
.date-setting-wrap .date-txt-box .date-select-txt{margin-left:20px; display:inline-block; font-weight:500;}
.date-setting-wrap .date-txt-box .year-sel-box{position:relative; display:inline-block; margin-left:10px;  box-sizing: border-box;}
.date-setting-wrap .date-txt-box .year-sel-box .year-txt {height:24px; /*margin:0 -3px 0 -3px;*/ padding:2px 34px 0; font-weight:600;background:#fff; border:1px solid #bfccc9; border-left:0; border-right:0; box-sizing: border-box;}
.date-setting-wrap .date-txt-box .year-sel-box  span{display:inline-block;}
.date-txt-box .btn-arrow{position:absolute; width:24px; height:24px;padding:3px 5px 0;border:1px solid #bfccc9; background:#fff; box-sizing: border-box;cursor:pointer; z-index:22;}
.date-txt-box .btn-arrow.left{left:0; top:0;}
.date-txt-box .btn-arrow.right{right:0; top:0;}
.date-txt-box .btn-arrow:hover{border:1px solid var(--darkblue-color); background:#fff;}
.date-txt-box .btn-arrow i{color:#444 !important;}
.date-txt-box .btn-arrow:hover i{color:var(--darkblue-color) !important;}

/* 날짜선택버튼*/
.date-select-btn-wrap{position:relative;width:100%; margin:0 0 10px 0; padding:8px 10px; background: #f4f5f6; border: 1px solid #e7e6ee; border-radius:2px; box-sizing: border-box;}
.date-select-btn-wrap ul{display:table;width:100%;}
.date-select-btn-wrap ul li{display:table-cell; padding:3px 2px;}
.date-select-btn-wrap ul li button{min-width:30px !important; padding:0px 2px; font-size:13px !important; width:100% !important; /*line-height:26px;*/ font-weight:400}
.date-select-btn-wrap ul li button.selected{background: var(--darkblue-color); border: 1px var(--darkblue-color) solid; color: #fff;}
.date-select-btn-wrap ul.btn-type1 li{width:14.285%;}
.date-select-btn-wrap ul.btn-type2 li{width:8.333%;}

/* 달력 inline 출력*/
.calendar-inline-wrap{position: relative; width:100%; /*display:table;*/ display:flex; justify-content:space-between; align-items:center; margin:10px auto 15px auto;}
.calendar-inline-wrap .ui-datepicker{box-shadow:none;}
.calendar-inline-wrap .w45per{width:46%; vertical-align:top;}
.calendar-inline-wrap .w10per{width:8%; vertical-align:middle;}

/*********** tax 버튼 ************/
.tax-btn{min-width:50px; height:30px; padding:0 12px; font-size:14px; border:1px solid #bdbcbf; background:#fff;}
.tax-btn img{margin-right:3px;}
.tax-btn-basic{min-width:50px; height:30px; padding:0 12px; font-size:14px; border: 1px solid var(--darkblue-color); background:#fff; color:var(--darkblue-color);}
.tax-btn-emphasis{min-width:50px; height:30px; padding:0 12px; font-size:14px; border: 1px solid var(--darkblue-color); background:var(--darkblue-color); color:#fff;}
.tax-btn-warning{min-width:50px; height:30px; padding:0 12px;  font-size:14px; border: 1px solid #f7596b; background:#f7596b; color:#fff;}
.tax-btn-ghost{min-width:50px; height:30px; padding:0 12px;  font-size:14px; border:1px #aba9ac solid; color:#55535c; background:#fff;}
.tax-btn-disabled{min-width:50px; height:30px; padding:0 12px;  font-size:14px; background:#9e9e9e; border:1px #9e9e9e solid; color:#fff;}
/* 고스트버튼색 */
.tax-btn:hover{background: #f9f9f9; border-color:#aaa;}
/* 기본버튼색 */
.tax-btn-basic:hover{background: #f9f3ff; border-color:#8b35e0;}
/* 강조버튼색 */
.tax-btn-emphasis:hover {background: #8b35e0; border-color:#982ffa;}
/* 경고버튼색 */
.tax-btn-warning:hover{background: #f86e7d;}
.tax-btn.ico-pd{padding:0 8px;}
/****** 아이콘 버튼********/
/* 아이콘 버튼 :: 공통*/
.ico-btn:hover,
.ico-btn:focus{border:1px solid var(--gray45-color); color: var(--gray80-color);}
/* 아이콘 버튼 :: 날짜 세팅 */
.ico-setting{display:inline-block; text-align:center;width:30px; height:32px; background:#fff url(../img/ico_settingdate.png) center center no-repeat; vertical-align:middle; border:1px solid var(--gray30-color);border-radius:3px; cursor:pointer; box-sizing:border-box; }
/**************** //2024.06.17 부가세 날짜조회 팝업 및 버튼 추가**********************/


/******************* 2024.06.20 사용내역 합계표 레이아웃 *****************************/
/*사용내역 합계표*/
.total-use-history-con{position:relative; display:flex;  justify-content: space-between;}
.total-use-history-con .left-conts{ width: calc(23% - 10px); margin-right:20px; position:relative; box-sizing:border-box; }
.total-use-history-con .right-conts{ width: calc(77% - 10px); position:relative; box-sizing:border-box;}
.total-use-history-con .inner-con{position:relative; width:100%; height:600px; overflow-y: auto; overflow-x: auto; border:1px solid var(--gray40-color); box-sizing:border-box;}
.total-use-history-con .left-conts .inner-con{padding: 10px 10px;} /* jstree 나올떄 */

.total-use-history-con .bd-outside{border:1px solid var(--gray30-color); }


/**2024.06.24 지급예정액 조회 메세지**/
.search-box + .info-message{margin-top:-10px; margin-bottom:24px;}
.info-message{position:relative;}


/* 2024.07.12 시연용 : 거래처관리(부가세페이지가져옴) */
.account-both-wrap{position:relative; display:flex; justify-content:space-beetween; margin:16px 0 0 0; box-sizing:border-box;}
.account-both-wrap .left-area{padding-right:24px;}


/* 2024.07.17 원화환산 */
.exchange-con-box{}
.exchange-con-box ul{display:flex; justify-content:space-beetween; align-items:center; border-radius:3px;}
.exchange-con-box ul li{margin:16px 0;}
.exchange-con-box ul li.col-left{width:30%; font-weight:bold; padding:3px 10px 0 30px;}
.exchange-con-box ul li.col-right{width:70%}

.exchange-con-box ul li.col-right input[readonly],
.exchange-con-box ul li.col-right input[readonly="readonly"],
.exchange-con-box ul li.col-right input[disabled="disabled"],
.exchange-con-box ul li.col-right input:disabled{background: transparent;}
.exchange-con-box ul li.col-right input[readonly]:focus,
.exchange-con-box ul li.col-right input[readonly="readonly"]:focus{border-color: var(--gray50-color); -webkit-box-shadow: none; box-shadow: none}
.exchange-con-box .input-line{width:60%; height: 32px; padding: 0 6px; text-align: right; color: var(--black-color); font-size:16px; }

.exchange-con-box .input-line-total{ border-color: var(--darkblue-color);}
.exchange-con-box .input-rtxt{padding-right:28px;}
.exchange-con-box .rtxt{margin-left:-24px; display:inline-block; color: var(--black-color);}

.exchange-con-box .bg-gray{background:#f1f1f1;}
.exchange-con-box .bg-blue{background:#EFF5FF; border:1px solid #C3D6FE;}


/* 2024.08.05 지출결의서 타이틀 셀렉트 박스 */
.approval-mtitle .title-selectbox{font-weight:bold; font-size:28px; height:50px;text-align: center; line-height:50px; padding:2px 40px 0 10px; letter-spacing:3px; border-left:1px solid var(--white-color); border-right:1px solid var(--white-color); border-top:1px solid var(--white-color); border-bottom:1px solid var(--gray80-color); border-radius:0; background:#fff url('../img/ico_arrow_down.png') no-repeat right 1% top 45%; background-size:auto 30px; cursor:pointer;}
.approval-mtitle .title-selectbox:hover{border-radius:5px; border:1px solid var(--darkblue-color);-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s;  transition: all 0.3s;}
.approval-mtitle .title-selectbox:focus{border-color:var(--darkblue-color); -webkit-transition: all 0.3s;  transition: all 0.3s; border-radius:3px;}
.approval-mtitle .title-selectbox option {font-size:20px;  }


/* 2024.08.16 대시보드 */
/* 예산초과 */
.overbudget-con{display:flex; justify-content:space-beetween; align-items:center; margin-top:10px; padding:6px 8px; border:1px solid #ddd; border-radius:5px; }
.overbudget-con .ob-title{position:relative; width:13%; height:100%; font-size:18px; text-align:center; font-weight:bold; margin-right:24px; padding:18px 20px 10px; background:#FFF2F4 ; border-radius:5px;}
.overbudget-con .ob-title em,
.overbudget-con .ob-list .right-txt em{color: #ff5527; font-weight:bold;}

.overbudget-con .ob-list{width:90%;}
.overbudget-con .ob-list li{display:flex; justify-content:space-beetween; align-items:center; margin:4px 0;}
.overbudget-con .ob-list .left-txt{ width:100px; line-height:1; font-weight:bold; margin-right:10px; }
.overbudget-con .ob-list .left-txt:before{content:"·"; margin-right:4px; display:inline-block; margin-left:-8px; color: var(--darkblue-color);}
.overbudget-con .ob-list .right-txt{padding-top:2px;}


/* 2024.08.20 대시보드 차트그래프 레이아웃 */
.chart-layout1{position:relative; margin-top:6px; max-width:100%; height:300px;border:1px solid #ddd; border-radius:5px;}
.chart-layout2{position:relative; margin-top:6px; display:flex; max-width:100%;}
.chart-layout2 .last-month{position:relative; width: calc(50% - 10px);height:330px;  background:#f7f7f7; margin-right:20px; border-radius:5px;}
.chart-layout2 .last-month .doughnut-title{position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-16px; font-size:18px;  color: #21aca1; font-weight:bold;}
.chart-layout2 .this-month{position:relative; width: calc(50% - 10px); height:330px; border:1px solid #ddd; background:#fff;border-radius:5px;}
.chart-layout2 .this-month .doughnut-title{position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-16px; font-size:18px; color: var(--darkblue-color); font-weight:bold;}


/*********** 2024.08.22 오리온-구분조회 ************/
.tax-pp-charge-con1{position:relative; display:flex;  justify-content: space-between; margin-bottom:16px;}
.tax-pp-charge-con1 .left-conts{ width: calc(50% - 10px); margin-right:20px; position:relative; border:1px solid var(--gray40-color); box-sizing:border-box;}
.tax-pp-charge-con1 .right-conts{ width: calc(50% - 10px); position:relative; border:1px solid var(--gray40-color);  box-sizing:border-box;}

/* 담당자 지정 : 100% width */
.tax-pp-charge-con1 .left-conts.width100{width:100% !important; margin-right:0 !important;}

/* 담당자 지정 : 타이틀 배경*/
.tax-pp-charge-con1 .title{position:relative; text-align:center; background: #EAECF3; border-bottom:1px solid var(--gray30-color); font-size:14px;  padding:8px 0 2px; height:32px; color: var(--black-color); font-weight:bold;}
.tax-pp-charge-con1 .title-dark{color: var(--white-color); background: var(--grayblue60-color);}
.tax-pp-charge-con1 .title-lblue{ background: #EFF5FF; }
.tax-pp-charge-con1 .title .right-delete{position:absolute; right:2px; top:3px;}

/* 담당자 지정 : 타이틀박스 */
.tax-pp-charge-con1 .title-box{position:relative; text-align:center; background: var(--lgray10-color); border:1px solid var(--gray40-color);border-bottom:none;font-size:14px;  padding:8px 0 2px; height:32px; color: var(--black-color); font-weight:bold; }
.tax-pp-charge-con1 .border-none-tbl{padding:10px 14px;}
.tax-pp-charge-con1 input[type="text"],
.tax-pp-charge-con1 input[type="search"],
.tax-pp-charge-con1 input[type="password"],
.tax-pp-charge-con1 input[type="file"],
.tax-pp-charge-con1 select{height:28px;}


/* *********************************
	* 2024.09.13 공지사항 추가
	**********************************/
/* 게시판 :: 기본리스트 :: 레이아웃 */
.bbs-list-tbl{margin-top: 20px; display:table; width:100%; table-layout:fixed;}
.bbs-list-head{display:table-header-group; }
.bbs-list-head span{display:table-cell; text-align:center; height:40px; font-weight:bold;letter-spacing:-0.35px; padding:12px 0 8px; background: #EAECF3; font-size: 14px; color: var(--black-color); text-align:center; border-bottom:1px solid var(--gray30-color); border-top:1px solid var(--gray30-color); box-sizing:border-box;}
.bbs-list-row{display:table-row; width:100%;}
.bbs-list-row .column{display:table-cell; line-height:1  !important; vertical-align:middle; padding:6px 5px 2px; color:#555; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.bbs-list-row .column.ta-left{text-align: left;}
/* 게시판 :: 기본리스트 ::  항목 */
.bbs-list-row .bbs-title{text-align:left; padding:6px 10px 2px;}
.bbs-list-row .bbs-title a{display:block; position:relative; color:#333;}
.bbs-subject-con{display:inline-block; position:relative; max-width:100%;}
.bbs-subject-con .bbs-subject-txt{width: 100%;line-height:1.5; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; box-sizing:border-box;}
.bbs-subject-con .bbs-subject-txt.row-2{max-height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}
/* 공지사항 리스트 new 아이콘 (리스트와 마이홈동시사용)*/
.ico-notice-new{display:inline-block; position:relative; width:28px; height:16px; margin:-3px 2px 0 2px; vertical-align:middle; background: var(--grayblue30-color); border-radius:4px 0 4px 0; box-sizing:border-box;}
.ico-notice-new:after{content:"NEW"; position:absolute; left:3px; top:0px; line-height:1.3; font-size:10px; font-weight:400; color: var(--darkblue-color); text-align:center; vertical-align:middle;}

@media all and (min-width:641px){
    .bbs-list-row:hover{background-color:#f9f9f9;}
}
@media all and (max-width:640px){
    /* 게시판 :: 기본리스트 :: 레이아웃 */
    .bbs-list-tbl{margin-top: 27px; border-top:1px solid #d7d7d7;}
    .bbs-list-tbl,.bbs-list-row,.bbs-list-row .column{display:block;}
    .bbs-list-head{display:none; position:absolute; top:-1000em; left:-1000em;}
    .bbs-list-row{position:relative; width:auto; padding:12px 10px; border-bottom:1px solid #ddd; overflow:hidden;}
    .bbs-list-row .column{clear:both; border-bottom:0; text-align:left; padding:5px 0; font-size:11px;}
    /* 게시판 :: 기본리스트 :: 항목 */
    .bbs-relative-row{padding-top:40px}
    .bbs-list-row .column.bbs-block{clear:both; width:100%;}
    .bbs-list-row .column.bbs-inline{display:inline-block; width:auto; margin-right:4%;}
    .bbs-list-row .column.bbs-absolute{position:absolute; top:10px; left:2%;}
    .bbs-list-row .column:not(.bbs-title):not(.bbs-no-data):before{padding-right:5px; color:#aaa; content: attr(data-label);}
    .bbs-list-row .bbs-title{padding: 5px 0; padding-bottom: 0;}
    .bbs-subject-con .bbs-subject-txt{font-size:12px;}

}
/* ****************** 공지사항 :: 읽기쓰기 ********************** */
.view-read-con{margin-top:20px}
.view-read-tbl{width: 100%; table-layout: fixed; border-top: 1px solid #000;}
.view-read-tbl tr{border-bottom: 1px solid #ddd;}
.view-read-tbl th,
.view-read-tbl td{font-size: 14px; line-height: 1.3; font-weight: 400; color: #555; text-align: left;}
.view-read-tbl thead{}
.view-read-tbl thead th{padding: 9px 15px 6px; font-size: 13px; background-color: #f2f3f8; color: #000; font-weight:bold;}
.view-read-tbl thead td{padding: 9px 16px 6px; height:40px;}
.view-read-tbl tbody{}
.view-read-tbl tbody td{padding: 15px;}
.view-read-tbl tbody td .bbs-view-cont{padding-top:30px; padding-bottom:30px; min-height: 260px;}
@media all and (max-width:640px){
    .view-read-tbl th,
    .view-read-tbl td{font-size: 12px;}
    .view-read-tbl thead th{padding: 9px 10px 6px;}
    .view-read-tbl thead td{padding: 9px 15px 6px;}
    .view-read-tbl tbody td{padding: 20px 10px;}
}
.view-read-tbl .textarea{width: 100%; height:300px; margin:10px 0; padding: 8px; resize: none; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.5; color: #333; background-color: #fff; letter-spacing:0 !important; border: 1px solid #ddd;}

/* 공지사항 :: input file 첨부파일 선택*/
.view-read-tbl input.input-file::file-selector-button {height: 30px; min-width:67px; font-size:13px; letter-spacing:-1px; background: #fff; border: 1px solid var(--darkblue-color); border-radius: 0; cursor: pointer;}
.view-read-tbl input[type=file]::file-selector-button:hover{background: var(--darkblue-color); color:#fff;}
.view-read-tbl input.input-file:read-only,
.view-read-tbl input.input-file:disabled { background: none !important; border:1px solid #ddd; }
.view-read-tbl input.input-file:read-only:focus {transition: all 0.5s; }

.view-read-tbl .cm-checkbox{margin-left:-5px}

.view-read-tbl .btn-del-file{padding:0 6px; min-width:auto !important; color: var(--lred-color); font-size:13px;}
.view-read-tbl .btn-del-file:hover{color:#2162B1;}
.view-read-tbl .btn-del-file i{ vertical-align:middle; margin-top:-2px;}
@media all and (max-width:640px){
    .view-read-tbl .btn-del-file{display:block; margin-top:5px;}
}


/******************* 2024.10.02 차량운행관리 **********************/
/* form inner text */
.car-form-inner-txt1 input{padding-right:40px;}
.car-form-inner-txt1 span{margin-left:-30px;}

/* 인풋박스 우측 텍스트 적용*/
.input-rtxt-item{position:relative;}
.input-rtxt-item .input-rtxt{padding-right:28px !important; position:relative; }
.input-rtxt-item input::placeholder{color: rgba(0,0,0,0.5); font-weight:300;}
.input-rtxt-item .rtxt{position:absolute; right:10px; top:3px;color: var(--black-color);}

.car-booking-list{}
.car-booking-list tbody td:hover,
.car-booking-list tbody .car-bg{background:#EFF5FF;}

.car-booking-item{position:relative; padding:8px 24px 8px 12px; margin:5px 0; border-radius:5px; background: var(--white-color); border:1px solid var(--gray40-color);}
.car-booking-item ul li{font-size:12px; text-align:left;}

.car-del{position:absolute; display:block; right:3px; top:5px;  cursor:pointer;}
.car-del i{font-size:20px; color: var(--lred-color);}


/******************* 2024.10.18 출장관리 **********************/
.business-setting-con{position:relative; display:flex; justify-content: flex-start;}
.business-setting-con .business-setting-items{ position:relative; width: calc(33% - 20px);margin-right:40px;}
.business-setting-items .b-title{position:relative; padding:10px 8px; font-size:16px; color: var(--black-color); font-weight:bold; }
.business-setting-items .b-title img{width:20px; height:20px; margin-right:5px;}
.business-setting-items .b-save{position:relative; display:flex; align-items: center; justify-content: space-between;  padding:14px 22px; background: var(--grayblue20-color); border:1px solid var(--gray30-color); border-radius:2px;}
.business-setting-items .b-save .width100{ width: calc(100% - 70px) !important;}
.business-setting-items .b-save button{min-width:64px;}

.business-setting-items .b-setting-list{position:relative; margin:10px 0; height:350px; border:1px solid var(--gray30-color); overflow-y: auto; overflow-x: auto; border-radius:2px;}
.business-setting-items .b-setting-list ul{padding:12px;}
.business-setting-items .b-setting-list ul li{position:relative;display:flex; justify-content: space-between; align-items: center; font-size:13px; border-bottom:1px solid #eee; padding:6px 12px 2px;}
.business-setting-items .b-setting-list ul li:hover{background: var(--lgray10-color);}

/************* 2024.10.28 매입세금계산서전표 ****************/
.detailuse-both-cont{position:relative; display:flex;  justify-content: space-between;}
.detailuse-both-cont .left-conts{ width: calc(60% - 10px); margin-right:20px; position:relative;box-sizing:border-box; }
.detailuse-both-cont .right-conts{ width: calc(40% - 10px); position:relative; box-sizing:border-box;}
.detailuse-both-cont .inner-con{position:relative; width:100%; box-sizing:border-box;}

.detailuse-both-cont .tax-invoice-box{width:760px;} /* 세금계산서전표 팝업용 */

.detailuse-both-cont .left-conts .inner-con{padding:8px 6px;}
.detailuse-both-cont .right-conts .inner-con{padding:0;}
.detailuse-both-cont .right-conts .padding{padding:8px 6px !important;}


/*************  2024.11.01 팝업 :: 사용내역작성 **************/
.expense-both-wrap02{position:relative; display:flex;  justify-content: space-between;}
.expense-both-wrap02:after{ content:""; clear:both; display:block; }
.expense-both-wrap02 .fl{position:relative; float:none; width: calc(62% - 12px); margin-right:24px; box-sizing:border-box;}
.expense-both-wrap02 .fr{position:relative; float:none; width: calc(38% - 12px); position:relative; box-sizing:border-box;}

/* 사용내역 : 세금계산서전표 팝업용 - 사이즈 및 텍스트 크기 조정 */
.expense-both-wrap02 .tax-invoice-box{width:100%;}
.expense-both-wrap02 .tax-invoice-box table td{font-size:11px; padding: 5px 3px;}
.expense-both-wrap02 .tax-invoice-box table th.font24 {font-size:20px;}

.giro-invoice-box{width:100%; padding:20px; background:#f9f9f9; border:1px solid #ccc; box-sizing:border-box;}
.giro-invoice-box table {position:relative; margin:0 0 10px 0; width:100%; border:2px solid #eae5c8; box-sizing:border-box;}
.giro-invoice-box table th,
.giro-invoice-box table td{line-height:1.2;}
.giro-invoice-box table th {padding:7px 10px 3px; border:1px solid #f8f1cb; border-right-color:#f8f1cb; background:#fbf7e1; color:#222;font-weight: 500; font-size: 12px;}
.giro-invoice-box table td {padding:7px 10px 3px; border:1px solid #f8f1cb; background:#ffffff; text-align:left; color:#444; font-weight: 400; vertical-align:middle; font-size:12px; word-break: normal; box-sizing:border-box;}
.giro-invoice-box table:last-child{ margin-bottom:0;}



/************ 2024.11.11 전표처리 *******************/
.status-icon-con span{display:inline-block;}
.status-icon-con span img{margin-right:3px;}
.status-icon-con span:before{content:"│"; color: var(--gray40-color); padding-right:5px; }
.status-icon-con span:first-child:before{display:none;}
/* 전표처리 상태값 아이콘 사이즈 */
.status-icon-s{width:24px; height:24px;}


/************* [로보틱스]관련 추가 2024.12.10 *************/
/*카드종류관리 */
.card-type-save{ border-radius:1px; margin:6px 0 16px;padding:12px 16px; border:1px solid var(--gray30-color); background: var(--grayblue20-color);}
.card-type-save button{min-width:64px;}

.card-type-list{position:relative; margin:10px 0; height:350px; border:1px solid var(--gray30-color); overflow-y: auto; overflow-x: auto; border-radius:2px;}
.card-type-list ul{padding:12px;}
.card-type-list ul li{position:relative;display:flex; justify-content: space-between; align-items: center; font-size:13px; border-bottom:1px solid #eee; padding:6px 12px 2px;}
.card-type-list ul li:hover{background: var(--lgray10-color);}

.card-type-item{display:flex; }
.card-type-item span{display:inline-block;}
.card-type-item .txt-number{min-width:28px; margin-right:1px;}

/* 테이블 사용내역작성(로보틱스)*/
.expense-both-wrap.col-wide-type{position:relative; width:100%;}
.expense-both-wrap.col-wide-type:after{ content:""; clear:both; display:block;}
.expense-both-wrap.col-wide-type .fl{float:left; width: calc(33% - 10px);}
.expense-both-wrap.col-wide-type .fr{float:right; width: calc(67% - 10px);}
/* 로보틱스 사용내역 테이블 우측 간격 조정 */
.expense-both-wrap.col-wide-type .fr .tbl-type-row01 table td {padding:6px 20px 6px 8px;}
/* 테이블 결제금액 / 분할 :: 인풋+버튼  */
.detail-item-b1,
.detail-item-b2{display:flex; align-items: center; justify-content: space-between; }
.detail-item-b1 span,
.detail-item-b2 span{display:inline-block;}
.detail-item-b2 span:first-child{width: calc(100% - 63px);}
.detail-item-b1 span:first-child{width: calc(100% - 32px);} /* 2024.12.23 추가 */

/* 로보틱스-분할결제사용 */
.detail-item-b1 .txt-name input[disabled="disabled"],
.detail-item-b1 .txt-name input:disabled{color: var(--gray60-color) !important; background: #efefef !important; border-color:var(--gray40-color) !important;}
.detail-item-b1 .txt-name {font-size:13px;}

.division-write-wide02{margin:0 0 16px 0; padding:12px 16px 8px; border:1px solid #C3D6FE; background: #EFF5FF; border-radius: 0;}
.division-write-wide02 ul{display:flex;}
.division-write-wide02 ul li{width:100%; display:flex; justify-content:space-between; align-items:center; margin:8px 40px;}
.division-write-wide02 ul li span{width:50%; display:inline-block; font-weight:bold;}
.division-write-wide02 ul li .stitle{text-align:center; }
.division-write-wide02 ul li .sum{text-align:right; color: var(--black-color); font-weight:bold; background:#fff; border-radius:3px; padding:8px 10px 5px; }
.division-write-wide02 ul li .icon16{margin-right:5px;}
.division-write-wide02 ul li.total-sum .sum{ color: var(--darkblue-color) !important;}

/* 2024.12.10 로보틱스-분할팝업에 사용 form 세로값 28*/
.tbl-type-list02.form-h28 table td {padding:6px 5px;}
.tbl-type-list02.form-h28 table td select,
.tbl-type-list02.form-h28 table td input[type="text"],
.tbl-type-list02.form-h28 table td input[type="password"] {
    height: 28px;
}
.tbl-type-list02.form-h28 .search-box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
}
.tbl-type-list02.form-h28 .search-box .select2-container .select2-selection--single {
    height: 28px;
}

/* 사용내역작성 테이블 분리 24.12.12 */
.tbl-type-write-wide{ display:flex; align-items: flex-start;}
.tbl-type-write-wide table{width:50%;}
/* 사용내역작성 테이블 분리+ 전자세금계산서 24.12.13 */
.col-wide-type02{position:relative; width:100%;}
.col-wide-type02:after{ content:""; clear:both; display:block;}
.col-wide-type02 .fl{float:left; width: calc(53% - 10px);}
.col-wide-type02 .fr{float:right; width: calc(47% - 10px);}


/********************** 2024.12.13 차량예약변경 *******************************/
/* 차량예약 공지 */
.carbooking-info-txt {position:relative; margin:0 0 24px; background:#f7f7f7; padding:18px 20px; border-radius:5px; box-sizing:border-box;}
.carbooking-info-txt .right-txt-item{position: absolute; right:20px; top:20px; }
.carbooking-info-txt .right-txt-item span{font-size:13px;}

.carbooking-info-txt .editor-view,
.carbooking-info-txt .editor-write{width: calc(100% - 90px);}
.carbooking-info-txt .right-edit-btn{width:90px; text-align:right;}

.carbooking-info-txt .detail-box{display:flex; justify-content: space-between; align-items: flex-end;}
.carbooking-info-txt .view-title{margin-bottom:5px; font-size:15px; font-weight:bold;}
.carbooking-info-txt .editor-view{line-height:1.4; font-size:13px;}

.carbooking-info-txt .editor-write textarea{width: 100%; padding:12px 16px; height:150px; color:#444;}
.carbooking-info-txt .toggle-btn.on i{transform: rotate(180deg);transition: 0.2s;}

/* 날짜선택, 타이틀 */
.date-title{position:relative; min-height:46px; padding:8px 0 10px 10px; box-sizing:border-box;}
.date-title button{margin:0 10px;}
.date-title button i{font-size:20px; vertical-align:middle; margin-top:-4px;}
.date-title .date-day-txt{display:inline-block; vertical-align:middle; font-size:22px; font-weight:bold; cursor:pointer}

/* 차량예약 리스트*/
.car-booking-timelist {position: relative; width:100%; margin-top:10px; border-top:1px solid var(--gray30-color); border-bottom:1px solid var(--gray30-color); border-left:none !important; border-right:none !important; }
.car-booking-timelist table {width:100%;margin-top:-1px; table-layout:fixed;}
.car-booking-timelist th,
.car-booking-timelist td{height:30px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;}
.car-booking-timelist thead th{height:36px; padding: 9px 6px 4px; font-size: 14px; color: var(--black-color); text-align: center;  background: #EAECF3; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; box-sizing: border-box;}
.car-booking-timelist tbody th{position:relative; padding-top:5px; font-size:13px;}
.car-booking-timelist tbody td{position:relative; height:30px; text-align:left; cursor:pointer;}

.car-booking-timelist tbody td:hover,
.car-booking-timelist tbody .car-bg{background:#EFF5FF;}

/*  차량예약스케줄 상세박스 */
.schedule-time-box{position:relative; display:flex; align-items:center; font-size:12px; padding:5px 5px 0; text-align:left; background:#4e8cf2; white-space:nowrap; max-width:100%; height:100%; color:#fff; overflow:hidden; cursor:pointer; box-sizing:border-box; z-index:22;}
/* 상세페이지 상세박스 배경*/
.schedule-time-box.schedule-tb-bg{background:#737475;}
.schedule-time-box.before-tb-bg{background:#d6d9db;}
.schedule-time-box.schedule-tb-bg,
.schedule-time-box.before-tb-bg{align-items:flex-start; white-space: normal; word-break:break-all; text-align:left;}

/* 차량예약상세보기 리스트 */
.car-booking-timelist02 {position: relative; width:100%; margin-top:10px;border-top:1px solid var(--gray30-color);/* border-bottom:1px solid var(--gray30-color); */border-left:none !important; border-right:none !important; }
.car-booking-timelist02 table {width:100%;margin-top:-1px; table-layout:fixed;}
.car-booking-timelist02 td{height:30px;/* border-top: 1px solid #d3d3d3;*/ border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;}
.car-booking-timelist02 thead th{height:36px; padding: 9px 0 4px; font-size: 14px; color: var(--black-color); text-align: center; /* background: #EAECF3;*/ border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; box-sizing: border-box;}
.car-booking-timelist02 tbody th{position:relative;/* padding-top:5px;*/ font-size:13px; height:30px;}
.car-booking-timelist02 tbody td{position:relative; height:30px; text-align:left; overflow:hidden; cursor:pointer;}
.car-booking-timelist02 thead th{border-bottom:1px solid var(--gray30-color);}
.car-booking-timelist02 thead th:first-child{border-bottom:0;}
.car-booking-timelist02 tbody tr{border-bottom:1px dashed #d3d3d3;}
.car-booking-timelist02 tbody tr:nth-child(even){border-bottom:1px solid var(--gray30-color);}
.car-booking-timelist02 thead th:first-child{border-left:none;}
.car-booking-timelist02 tbody td:hover,
.car-booking-timelist02 tbody .car-bg{background:#EFF5FF;}
.car-booking-timelist02 tbody .today-cell-bg{background:#f9f9f9;}
/* 차량예약상세보기 좌측 시간 */
.schedule-time-wrap{position: relative; margin-top:-10px; display:flex; flex-direction: column; justify-content: space-around; flex-wrap: wrap; text-align: right; padding-right: 10px;}
.schedule-time-wrap .txt-time{display:block; font-size:13px;  width:100%; height:60px;}


/********* 2025.01.24 결재서식 추가 테이블 **********/
.app-template-tbl table th{height:auto; text-align: center;}
.app-template-tbl table td{height:auto;}
.app-template-tbl .input-th{margin-top:-4px; padding-top:4px; background: transparent; border-color:transparent; text-align:center; font-weight:bold;color: var(--black-color);}
.app-template-tbl input,
.app-template-tbl select{height:28px;}


/*********** 2025.02.13 이체확인증 출력 ***********/
@page {size: A4 portrait; margin:0;}
@media print{
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    html, body {
        margin:0;
        padding:0;
        page-break-after: avoid;
        page-break-before: avoid
    }
    body, .print-page {margin-top:-1px} /*서브픽셀 해결1*/

    .print-page:first-child {
        page-break-before: auto;
        page-break-inside: avoid
    }
    .print-page {
        overflow:hidden;
        position:relative;
        width:210mm;
        height:297mm; /*서브픽셀 해결1 사용시*/
        height:calc(297mm - 1px); /*서브픽셀 해결2 - IE는 미지원*/
        page-break-before: always;
    }
}
.wrap-print-form{width:710px; position:relative; margin:0 auto; padding:30px 0; font-size:15px; }
.wrap-print-form .bt-dotline{display:block; margin-top:30px; border-bottom:1px dashed  var(--gray60-color); }

.print-cf-transfer{position:relative; }
.print-cf-transfer .cf-transfer-mtitle{font-weight:bold; font-size:24px; text-align:center; padding:8px 0 0 0; letter-spacing:10px;}

.print-cf-transfer .print-inner-con{border:1px solid var(--gray60-color); padding:20px; box-sizing:border-box;}

.print-cf-transfer .tbl-type {position: relative; width:100%; margin:0 0 10px 0; box-sizing:border-box;}
.print-cf-transfer .tbl-type table {width:100%;  box-sizing:border-box;}
.print-cf-transfer .tbl-type table th{font-weight:bold; background: #EAECF3; }
.print-cf-transfer .tbl-type table th,
.print-cf-transfer .tbl-type table td{color:var(--black-color);padding:5px 8px; font-size: 12px; font-family: "맑은 고딕", 'Malgun Gothic', "dotum",sans-serif; text-align: left; vertical-align:middle; border:1px solid var(--gray45-color);box-sizing:border-box;}
.print-cf-transfer .tbl-type table thead th{background:#EFF5FF; font-size:14px;}

.print-cf-transfer .txt01{font-size:14px; font-weight:bold; padding:5px 0 0 0; color:var(--black-color); font-family: "맑은 고딕","dotum",sans-serif;}
.print-cf-transfer .txt02{font-size:11px; color:var(--gray60-color); font-family: "맑은 고딕", 'Malgun Gothic', "dotum",sans-serif;}
.print-cf-transfer .f-info{margin-top:30px;display:flex; justify-content:space-between; align-items: flex-end;}
.print-cf-transfer .f-info img{max-height:35px;}

.wrap-print-form .print-cf-transfer:nth-child(odd){margin-bottom:40px;}
.wrap-print-form .print-cf-transfer:nth-child(odd):after{content:""; padding-bottom:40px; position:relative; display:block; border-bottom:1px dashed  var(--gray60-color);}


/***** 2025.02.21 집금이체 페이지에 있는 css 이동 및 수정 ******/
input.transparentStyle{width:100% !important;height:100% !important;background-color:transparent !important;border-color:transparent !important;padding-right:5px;padding-left:5px;border-radius:0 !important;}
input.transparentStyle:focus {outline: none;box-shadow: none;}
select.transparentStyle{width:100% !important;height:100% !important;background-color:transparent !important;border-color:transparent !important;padding-right:5px;padding-left:5px;border-radius:0 !important;text-align:left !important;}
select.transparentStyle:focus {outline: none;box-shadow: none;}
.grid-wrap .ui-widget.ui-widget-content {border: 1px solid #dddddd;}
/* 설정 */
.setting-box {position:relative; width:calc(100% + 2px); height:60px; background: #EFF5FF; border: 1px solid #dddddd; border-top:0;}
.setting-box table.border-none {width:90%; height: 100%; display: block; align-content: center; padding: 0px 0px 0px 30px;}
.setting-box table.border-none th {white-space:nowrap; padding:3px 6px; color: var(--black-color);font-weight:bold; font-size: 13px;}
.setting-box table.border-none td {white-space:nowrap; padding:3px 2px;font-weight: 400; font-size: 13px;}
.setting-box table.border-none th,
.setting-box table.border-none td{ text-align:left; vertical-align:middle;}

/* 설정 우측 버튼 영역 */
.setting-box .right-search-btn{position:absolute; bottom:14px; right:14px; z-index:22;}
.setting-box .right-search-btn button{margin-left:4px;min-width:76px;}


/*****************************
       2025.03.04 미니ARMS
 *****************************/
/* 매칭상세 */
.matching-detail-both-cont{position:relative; margin:30px 0 0 0; display:flex;  justify-content: space-between;}
.matching-detail-both-cont .left-conts{ width: calc(50% - 10px); margin-right:20px; position:relative;box-sizing:border-box; }
.matching-detail-both-cont .right-conts{ width: calc(50% - 10px); position:relative; box-sizing:border-box;}

/* 매칭확정팝업-박스*/
.maching-confirm-box{position:relative; border:1px solid var(--gray30-color); padding:10px 20px;}
.maching-confirm-box .border-none-tbl table td{height:28px;}

.manual-matching-both-cont{position:relative; margin:0 0 0 0; display:flex; justify-content: space-between;}
.manual-matching-both-cont .left-conts{ width: calc(50% - 15px); margin-right:30px; position:relative;box-sizing:}
.manual-matching-both-cont .right-conts{ width: calc(50% - 15px); position:relative; box-sizing:border-box;}
/* 2025.03.19 수동매칭 추가 */
.manual-matching-both-cont2{position:relative; margin:0 0 0 0; display:flex; justify-content: space-between; border:1px solid #aaa;}
.manual-matching-both-cont2 .left-conts{ width: 50%; position:relative;box-sizing:}
.manual-matching-both-cont2 .right-conts{ width: 50%; position:relative; box-sizing:border-box;}

.maching-reault-con{position:relative; display:flex;justify-content: space-between; margin:10px 0 0 0; padding:10px; border:1px solid var(--gray30-color); background:#f9f9f9; border-radius:0;}
.maching-reault-con span{position:relative;display:inline-block; font-weight:bold; padding:0 5px; font-size:15px; }
.maching-reault-con em{color:var(--darkblue-color); font-weight:bold; letter-spacing:-0.05em;}

.section-line{position:relative; display:block; width:100%; height:1px ; margin:24px 0 12px; background: var(--gray30-color);}

.maching-search-small{display:flex;flex-wrap: nowrap; align-items: center}
.maching-search-small input,
.maching-search-small select{height:28px;font-size:12px; padding-left:2px; padding-right:2px; letter-spacing:-0.05em; margin-right:3px;}
.maching-search-small em{margin-right:3px;}
@media all and ( max-width: 1720px ){
    .maching-search-small .stitle{font-size:11px; letter-spacing:-0.05em;}
    .maching-search-small button{font-size:12px; letter-spacing:-0.05em;}
}

.maching-search-small .stitle{font-weight:bold; margin-right:5px;}
.maching-search-small .stitle i{margin-top:-2px; margin-right:3px; vertical-align:middle;}

.maching-title-box{display:flex;justify-content: space-between; }
.maching-del-btn{min-width:20px; height:18px !important;}
.maching-del-btn i{line-height:1; margin-top: -3px !important;}

/* scroll table footer */
.table-foot-wrap{padding-right:8px; background: #fbfafd; box-sizing:border-box;  border-top:1px solid #dcdce1;}
.table-foot-wrap table{width:100%; position: relative;}
.table-foot-wrap table th,
.table-foot-wrap table td{font-size: 13px; height:30px; padding:3px 7px; border:1px solid #dcdce1; border-top:0; border-bottom:0; font-size: 13px; color:#111; text-align: center; vertical-align:middle; letter-spacing:0; box-sizing:border-box;}
.table-foot-wrap table th:first-child,
.table-foot-wrap table td:first-child{border-left:none;}
.table-foot-wrap table th:last-child,
.table-foot-wrap table td:last-child{border-right:none;}
/* 합계만 나올 경우 */
.table-foot-wrap.total-item{padding-right:0; border-top:0;}
.table-foot-wrap.total-item .foot-bottom-cont{border-top:1px solid #dcdce1; background: #f3f3fa; padding:0 10px; line-height:30px; font-size:13px; font-weight:600; box-sizing:border-box;}

/* 스크롤 영역 나타나게 (sticky-table-scroll)에 사용 */
.sticky-table-scroll.y-scroll{overflow-y: scroll;}


/* 25.03.19 테이블 스크롤바 설정(그리드 및 테이블 스크롤시 사용) */
/* 스크롤바 설정*/
.sticky-table-scroll::-webkit-scrollbar,
.grid-wrap *::-webkit-scrollbar{background-color:transparent;width:6px;}
/* 스크롤바 막대 설정*/
.sticky-table-scroll::-webkit-scrollbar-thumb,
.grid-wrap *::-webkit-scrollbar-thumb{background-color:#babac0; border-radius:16px;}
.sticky-table-scroll::-webkit-scrollbar-thumb:hover,
.grid-wrap *::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;}
/* 스크롤바 뒷 배경 설정*/
.sticky-table-scroll::-webkit-scrollbar-track,
.grid-wrap *::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(200, 200, 200, 0.1);}
.sticky-table-scroll::-webkit-scrollbar-track:hover,
.grid-wrap *::-webkit-scrollbar-track:hover{background-color:transparent;}
.sticky-table-scroll::-webkit-scrollbar-button,
.grid-wrap *::-webkit-scrollbar-button {display:none;}


/* 2025.04.01 간편미수관리 : 수금확인 - inner-tbl */
.tbl-type-list02 .inner-tbl{ table-layout:fixed; margin-top:0 !important;}
.tbl-type-list02 .inner-tbl thead th{border-top:none !important;}
.tbl-type-list02 .inner-tbl th{border-left:0 !important; border-bottom:none !important;}
.tbl-type-list02 .inner-tbl td{border-left:0 !important; border-bottom:none !important; padding: 3px 3px !important; height:28px;}
.tbl-type-list02 .inner-tbl th:last-child,
.tbl-type-list02 .inner-tbl td:last-child{border-right:none !important;}
.tbl-type-list02 .inner-tbl thead th,
.tbl-type-list02 .inner-tbl tbody td{min-width:60px !important;}

.new-maching-tbl table {table-layout:fixed}
.new-maching-tbl table td{min-width:60px;}
.new-maching-tbl table td:first-child,
.new-maching-tbl table thead th:first-child{min-width:40px;}
.new-maching-tbl table td:last-child,
.new-maching-tbl table thead th:last-child{min-width:40px;}

.new-maching-tbl table thead th:first-child,
.new-maching-tbl table thead th:last-child{min-width:40px !important;}
.new-maching-tbl tbody th{background:#f7f7f7 !important; padding: 3px 3px !important; height:28px !important;}
.new-maching-tbl tfoot .bg-lgray{background:#f4f4f4 !important;}

/* 사용내역 : 세금계산서전표 팝업용 - 사이즈 및 텍스트 크기 조정 */
.tax-invoice-wrap01 .tax-invoice-box{width:100%;}
.tax-invoice-wrap01 .tax-invoice-box table td{font-size:11px; padding: 3px 3px;}
.tax-invoice-wrap01 .tax-invoice-box table th.font24 {font-size:20px;}

/* 매출내역/입금내역 추가 input-small */
.input-small-tbl input[type="text"],
.input-small-tbl select{height:28px !important;}


/**********************25.04.08 지로공과금****************************/
/* 25.04.08 - 납세고지서 */
.print-tax-payment-notice{position:relative; }
.print-tax-payment-notice .tax-mtitle{font-weight:bold; font-size:24px; text-align:center; padding:12px 0 24px; letter-spacing:2px;}

.print-tax-payment-notice .print-inner-con{border:1px solid var(--gray40-color); padding:30px 20px; box-sizing:border-box;}

.print-tax-payment-notice .txt01{font-size:15px; font-weight:bold; padding:0; color:var(--black-color); font-family: "맑은 고딕","dotum",sans-serif;}
.print-tax-payment-notice .txt02{font-size:12px; margin:5px 0 0 0;color:var(--gray60-color); font-family: "맑은 고딕", 'Malgun Gothic', "dotum",sans-serif;}

.print-tax-payment-notice .print-con02{position:relative; display:flex; justify-content:space-between; align-items: center;}
.print-tax-payment-notice .print-con02 .stamp{display:flex; align-items: center;justify-content: center; margin-left:5px;width:66px; height:66px; border:1px dashed #111; font-size:13px; border-radius:50%; box-sizing:border-box; }

.print-tax-payment-notice .tax-list-wrap{position:relative; display:flex; justify-content:space-between;}
.print-tax-payment-notice .tax-list-wrap .inner-tax-box{width: calc(33.333% - 16px);}

.print-tax-payment-notice .tax-list-wrap .tax-tbl {position: relative; width:100%; margin:0 0 20px 0; box-sizing:border-box;}
.print-tax-payment-notice .tax-list-wrap .tax-tbl thead th{font-weight:bold; background:#f4f4f4;/* background:#EAECF3;*/ font-size:14px;}
.print-tax-payment-notice .tax-list-wrap .tax-tbl th,
.print-tax-payment-notice .tax-list-wrap .tax-tbl td{color:var(--black-color);padding:10px 5px; font-size: 13px; line-height:1.4; font-family: "맑은 고딕", 'Malgun Gothic', "dotum",sans-serif; text-align: center; vertical-align:middle; border:1px solid var(--gray40-color);box-sizing:border-box;}
.print-tax-payment-notice .tax-list-wrap .tax-tbl tfoot th{font-weight:bold;background:#f4f4f4;font-size:14px;}

/* 25.04.08 공과금 - 달력보기*/
.utilities-both-con{position:relative; display:flex; justify-content:space-between;}

.this-month-utilities-list{ width: calc(20% - 32px); border:1px solid #ddd}

.calendar-container{width:80%;}
.calendar-toolbar{position:relative; height:38px; background-color: #808CAA; color:#fff; border-radius:2px; padding:5px;}
.calendar-toolbar .center{width:30%;margin:0 auto; display:flex; justify-content:center; align-items:center;}
.calendar-toolbar .center h2{padding:0 28px; font-size:20px; font-weight:700}

.month-calendar table{width:100%; table-layout:fixed;}
.month-calendar table th,
.month-calendar table td{width:14.2%; border:1px solid #ddd;font-size:13px;}
.month-calendar table thead th{padding:6px 0 7px;}
.month-calendar table tbody td{height: 120px; vertical-align:top; }

.day-con-box{position:relative; height: 100%; padding:0; box-sizing:border-box;}
.day-top{position:relative; display:flex; justify-content:space-between; align-items:center; padding: 5px 5px 0;}
.day-top span{display:inline-block;}
.day-top .day-number{text-align:left; font-size:13px; color: #666;}
.day-top .day-detail{text-align:right; font-size:12px;}
/* 일요일 및 공휴일 :: 글자색 빨강*/
.fc-sun,
.fc-sun .day-number,
.fc-holiday,
.fc-holiday .day-number,
.fc-holiday .day-detail{color:#e13c4b !important}

/* 다른달 : 글자색 흐리게 */
.fc-other-month {opacity: 0.3;}
/* today 배경색 */
.today{background: #FFFCE2 !important;}
.today .day-top .day-number{color:#111; font-weight:600}

/* event 컨텐츠 박스*/
.day-event-con{position:relative; margin: 3px 0 0;padding: 2px 6px;overflow:hidden;overflow-y: auto;height: 94px;}
/* 달력 이벤트 표시 텍스트 및 아이콘 */
.event-txt-item{position:relative; display:flex; justify-content:flex-start; align-items:center;}
.event-txt-item .event-ico{display:block; width:8px; height:8px; border-radius:2px;}
.event-txt-item .event-txt{display:block; border-radius:4px; /*background:#f9f9f9;*/ padding:1px 3px; margin:0 0;}
.event-txt-item .event-txt:hover{/*background:#f5f5f5;*/ text-decoration:underline;}

/* 왼쪽 컨텐츠 영역 : 이달의 공과금 */
.this-month-mtitle{position:relative; display:flex; justify-content: center; align-items: center; height:38px;  background-color: #808CAA; color:#fff; border-radius:2px; font-size:16px; font-weight:700;}
.month-title{position:relative; display:flex; justify-content: center; align-items: center; margin:10px 16px; border-radius:4px; background-color: #EAECF3; color:#111; height:32px; padding:4px; font-size:16px; font-weight:700;}
/* 공과금 리스트 */
.utilities-list {position:relative; width:86%; margin:10px auto; box-sizing:border-box;}
.utilities-list li{display:flex; justify-content:space-between; align-items:center; padding:2px 0;}
.utilities-list .event-ico{display:block; width:12px; height:12px; border-radius:2px; background-color: hsl(0, 0%, 86%);}

/* 공과금 달력 스케줄 스크롤바 설정*/
.calendar-container *::-webkit-scrollbar{background-color:transparent;width:4px;}
/* 스크롤바 막대 설정*/
.calendar-container *::-webkit-scrollbar-thumb{background-color:#babac0 !important; border-radius:16px;}
.calendar-container *::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5 !important;}
/* 스크롤바 뒷 배경 설정*/
.calendar-container *::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(200, 200, 200, 0.1) !important;}
.calendar-container *::-webkit-scrollbar-track:hover{background-color:transparent;}
.calendar-container *::-webkit-scrollbar-button {display:none;}


/* 2025.04.14 */
.view-type-sl{margin-top:16px;}
.view-type-sl button{opacity:0.5}
.view-type-sl button:hover,
.view-type-sl button.active{opacity:1;}



/***************************** 2025.04.15 룰보드 ******************************/
.rule-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.cm-select-rule:before{content:"\e9c6";font-family:xeicon; font-size:15px;vertical-align:middle; margin-top:-2px; margin-right:3px; margin-left:-2px;display:inline-block;}
.cm-select-rule {
    display: inline-block;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 4px 14px;
    font-size: 13px;
    border-radius: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.cm-select-rule {color: #111;background-color: #f1f1f1;border-color: #f1f1f1;}

.rule-check:active+.cm-select-rule,
.rule-check:checked+.cm-select-rule,
.cm-select-rule.active,
.cm-select-rule:active{
    color: var(--darkblue-color);
    background-color: var(--white-color);
    border-color: var(--darkblue-color);
}

.rule-check:checked+.cm-select-rule:before,
.rule-check:checked+.cm-select-rule:before,
.cm-select-rule.active:before,
.cm-select-rule:active:before{content:"\e92b";font-family:xeicon;}

.rule-check:disabled + .cm-select-rule,
.rule-check[disabled="disabled"] + .cm-select-rule {opacity:0.3 !important;}


/* 비용기준등록 팝업에 사용*/
.rule-check02 {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.cm-select-rule02 {color: #444; background-color: #f1f1f1; border-color: #f1f1f1;}
.cm-select-rule02 {
    position:relative;
    display: inline-block;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 4px 12px;
    margin:2px 0;
    height:28px;
    font-size: 13px;
    border-radius: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.cm-select-rule02:hover{background-color: #EAEAEA; border-color: #EAEAEA;}
.rule-check02:checked+.cm-select-rule02:hover{background-color: #76819D; border-color: #76819D;}
.rule-check02:active+.cm-select-rule02,
.rule-check02:checked+.cm-select-rule02,
.cm-select-rule02.active,
.cm-select-rule02:active{
    color: var(--white-color);
    background-color: var(--grayblue60-color);
    border-color: var(--grayblue60-color);
}

.rule-check02:disabled + .cm-select-rule02,
.rule-check02[disabled="disabled"] + .cm-select-rule02 {opacity:0.3 !important;}

.cm-select-rule02.closebtn{padding-right:24px;}
.cm-select-rule02 button{position:absolute;  height:27px; right:0px; top:0; border-radius: 0 20px 20px  0 ; width:20px; font-size:14px;  text-align:left; overflow:hidden; color: var(--gray80-color);}

.rule-check02:active+.cm-select-rule02 button,
.rule-check02:checked+.cm-select-rule02 button,
.cm-select-rule02.active button,
.cm-select-rule02:active button{
    color: var(--white-color);
}

/* 룰제작 상단사용 */
.rule-check03 {position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.cm-select-rule03 {color: #444; background-color: #f1f1f1; border-color: #f1f1f1;}
.cm-select-rule03 {
    position:relative;
    display: inline-block;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 2px 10px;
    margin:2px 4px;
    height:24px;
    font-size: 13px;
    border-radius: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.cm-select-rule03:hover{background-color: #EAEAEA; border-color: #EAEAEA;}
.rule-check03:checked+.cm-select-rule03:hover{background-color: #76819D; border-color: #76819D;}
.rule-check03:active+.cm-select-rule03,
.rule-check03:checked+.cm-select-rule03,
.cm-select-rule03.active,
.cm-select-rule03:active{
    color: var(--white-color);
    background-color: var(--grayblue60-color);
    border-color: var(--grayblue60-color);
}

.rule-check03:disabled + .cm-select-rule03,
.rule-check03[disabled="disabled"] + .cm-select-rule03 {opacity:0.3 !important;}

.cm-select-rule03.closebtn{padding-right:24px;}
.cm-select-rule03 button{position:absolute;  height:24px; right:0px; top:0; border-radius: 0 20px 20px  0 ; width:20px; font-size:14px; text-align:left; overflow:hidden; color: var(--gray80-color);}
.cm-select-rule03 button i{font-weight:400;}

.rule-check03:active+.cm-select-rule03 button,
.rule-check03:checked+.cm-select-rule03 button,
.cm-select-rule03.active button,
.cm-select-rule03:active button{
    color: var(--white-color);
}

/* 비용기준 등록*/
.rule-base-con{position:relative; display:flex;}

.rule-base-tab{position:relative; width:17%; }
.rule-base-tab ul li{position:relative; width:100%; border:1px solid #ddd; border-right:0; background: #f7f7f7; margin-top:-1px;text-align:center; vertical-align:middle; border-radius:5px 0 0 5px; cursor:pointer; box-sizing:border-box;}
.rule-base-tab ul li:first-child{margin-top:0;}
.rule-base-tab ul li a{display:inline-block; width:100%; height:100%; color: var(--gray60-color); font-size:13px; padding:6px 3px; font-weight: 400; vertical-align:middle; text-align:center;}
.rule-base-tab ul li.active{font-weight:bold;  border-color:var(--darkblue-color); background:var(--darkblue-color);}
.rule-base-tab ul li.active a{color:var(--white-color) !important; }

.rule-base-rbox{position:relative;  width:83%;border:1px solid #ddd; padding:8px 12px; min-height:188px;}
.rule-inner-con li{padding:4px 0;}


/* 룰보드 체크리스트 - 상세검색*/
.detail-search-box{background:#fefefe; border-top:0px solid #ddd; margin-top:10px;}
.detail-search-title{padding:5px 0; text-align:left; background:#f7f7f7; font-size:13px; font-weight:600;padding:5px 8px 6px; color:var(--black-color); text-align:left; background:#f7f7f7; font-size:13px; font-weight:600;}
.detail-search-title i{color:var(--black-color); margin-left:5px;}
.detail-search-box .cm-checkbox input[type="checkbox"] + label {line-height: 0.8;}

.alert-message2{text-align:center;padding:16px 0 10px; font-size:15px;}
.alert-message2 .de-selection,
.alert-message2 .de-selection4,
.alert-message2 .de-selection5{margin-bottom:6px;}

.rule-list-tbl{position:relative; width:100%;}
.rule-list-head{width:100%; display:flex; flex-direction: row;}
.rule-list-head span{text-align:center; background:#EAECF3; color:var(--black-color); font-weight:500; font-size:13px; padding:5px 0; border:1px solid var(--gray30-color); border-radius:2px;}
.rule-list-head span:nth-child(1),
.rule-list-row .column:nth-child(1){width:10%;}
.rule-list-head span:nth-child(2),
.rule-list-row .column:nth-child(2){width:64%; margin:0 0 0 1px;}
.rule-list-head span:nth-child(3),
.rule-list-row .column:nth-child(3){width:13%; margin:0 1px;}
.rule-list-head span:nth-child(4),
.rule-list-row .column:nth-child(4){width:13%;}
.rule-list-row{width:100%; display:flex; flex-direction: column; padding:15px 0 0;}

.rule-list-row .row-line1{width:64%; display:flex; justify-content:space-between; align-items: flex-end; margin-bottom:8px; margin-left:10%;}
.rule-list-row .row-line1 span:last-child button{margin-left:10px;}
.rule-list-row .row-line1 span h3{display:inline-block; font-size:14px; font-weight:700; color:var(--gray80-color); margin-right:10px;}
.rule-list-row .row-line2{width:100%; display:flex; flex-direction:row;}
.rule-list-row .column{min-height:70px; padding:8px 17px; color:var(--gray80-color); font-size:13px; border:1px solid var(--gray30-color); border-radius:5px;}
.rule-list-row .column:nth-child(1){display:flex; align-items: center; justify-content: center; text-align:center;}
.rule-list-row .column:nth-child(2){display:flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.rule-list-row .column:nth-child(3){display:flex; align-items: center; justify-content: center; text-align:center;}
.rule-list-row .column:nth-child(4){display:flex; align-items: center; justify-content: center;}
.rule-list-row .de-selection{line-height:1.34; margin:0 4px 2px 0;}

.rule-list-row .row-line2 .lst-title {width:100%; display:flex; justify-content:space-between; align-items: flex-end; margin-bottom:12px;}
.rule-list-row .row-line2 .lst-title span:last-child{display:flex; align-items: center;}
.rule-list-row .row-line2 .lst-title span:last-child button{margin-left:10px;}
.rule-list-row .row-line2 .lst-title span h3{display:inline-block; font-size:14px; font-weight:700; color:var(--gray80-color); margin-right:10px;}

.rule-list-row .rule-bg-tt{display:inline-block; width:38px; height:19px; padding:1px 0 0 5px; clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); background-color: var(--grayblue60-color); color:var(--white-color); font-size:12px; }
.rule-list-row .lst-line1{width:100%;display:flex;}
.rule-list-row .lst-line2{width:100%;display:flex; margin-top:8px;}
.rule-list-row .lst-line2 span:nth-child(3){width: calc(100% - 50px); margin-left:3px;}

.create-rule-con01{position:relative; display:flex;justify-content:space-between;}
.create-rule-con01 .create-inner-box{width: calc(70% - 10px); border:1px solid var(--gray30-color);}/* 2025.05.16 수정*/
.create-rule-con01 .create-inner-box:first-child{width: calc(30% - 10px);border:1px solid var(--gray30-color);}/* 2025.05.16 추가*/
.create-rule-con01 .create-inner-box .box-header{position:relative; height:32px; line-height:26px; text-align:center; background:#EAECF3; color:var(--black-color); font-weight:700; font-size:14px; padding:2px 8px; border-bottom:1px solid var(--gray30-color);}
.create-rule-con01 .create-inner-box .box-header .icon-btn{min-width:24px; position:absolute; right:8px; top:3px;}
.create-rule-con01 .create-inner-box .box-header .icon-btn i{ margin-top: -2px;}

.create-rule-con01 .create-inner-box:first-child .rule-detail-title{width:24%;} /* 2025.05.16 추가*/
.create-rule-con01 .create-inner-box:first-child  li .rule-detail-list{width: 76%} /* 2025.05.16 추가*/
.rule-detail-box li{position:relative; display:flex; align-items: center; border-bottom:1px solid var(--gray20-color); padding:6px 20px;}
.rule-detail-box li .rule-detail-title{width:14%; font-weight:700; font-size:14px; color:var(--black-color);}
.rule-detail-box li .rule-detail-title i{font-weight:18px; font-family:xeicon; vertical-align:middle; color:var(--black-color); font-weight:bold;}
.rule-detail-box li .rule-detail-list{width:86%;}

.rule-detail-title .rule-active{color:var(--darkblue-color);}
.rule-detail-title .rule-active i{transform: rotate(180deg);transition: 0.2s; color:var(--darkblue-color) !important;}

.rule-detail-list {height: 28px; overflow: hidden; transition: height 0.3s ease;}
.rule-detail-list02 {min-height: 28px;}

.rule-detail-box li.bd-none,
.rule-detail-box li:last-child{border-bottom:none;}

.create-rule-con02{width: 100%; border:1px solid var(--gray30-color); margin-top:28px;}
.create-rule-con02 .box-header{position:relative; height:32px; line-height:26px; text-align:center; background: var(--grayblue60-color); color:var(--white-color); font-weight:700; font-size:14px; padding:2px 8px; border-bottom:1px solid var(--gray30-color);}
.create-rule-con02 .rule-select-item{padding:16px 20px 0 20px;}
.create-rule-con02 .rule-select-item .de-selection{color: var(--black-color);}
.create-rule-con02 .txt-space{width:12px;display:inline-block;}

.rule-result-box{border-top:1px solid var(--gray20-color); }
.rule-result-txt{position:relative; display:flex; flex-direction: row; align-items: stretch; justify-content: flex-start; margin:16px 20px;}
.rule-result-txt:before{content:""; width:4px; min-height: 50px; background: var(--darkblue-color); border-radius: 5px;}
.rule-result-txt h4{font-size:14px; font-weight:600; color:var(--darkblue-color);}
.rule-result-txt .inner-txt{padding:0 10px;}
.rule-result-txt .inner-txt p{margin-top:10px;}

/*  룰제작 입력 테이블 */
.rule-tbl {position: relative; margin:16px 20px; padding:14px 20px;background: #F7F7F7; border-radius: 4px; box-sizing:border-box;}
.rule-tbl table {width:100%;  box-sizing:border-box;}
.rule-tbl .selection *{line-height: 1.4;}
.rule-tbl table th{color:var(--black-color); font-weight:bold;}
.rule-tbl table td{color:var(--gray80-color);  }
.rule-tbl table th,
.rule-tbl table td{padding:4px 8px; font-size: 13px; text-align: left; vertical-align:middle; box-sizing:border-box;}
.rule-tbl table th i {color:var(--red-color); margin-right:2px;}
.rule-tbl table th i.none {margin-left: 6px; display:inline-block; margin-right:2px;}
.rule-tbl table td select,
.rule-tbl table td input[type="text"],
.rule-tbl table td input[type="password"]{height:28px; }


/********** 25.04.21 2차결재선 등록 ********/
.second-approval-cont{position:relative; display:flex;  justify-content: space-between;}
.second-approval-cont .second-left-conts{margin-right:20px;position:relative; border:1px solid var(--gray40-color); box-sizing:border-box; }
.second-approval-cont .left-conts{margin-right:20px; position:relative; border:1px solid var(--gray40-color); box-sizing:border-box; }
.second-approval-cont .left-conts:after,
.second-approval-cont .second-left-conts:after{content:"";position:absolute; right:-20px; top:50%; margin-top:-10px;  width:20px; height:20px; background: url(../img/ico_arrow_double_right.png) center/contain no-repeat; background-size:70%;}
.second-approval-cont .right-conts{ position:relative; border:1px solid var(--gray40-color);  box-sizing:border-box;}
.second-approval-cont .inner-con{position:relative; width:100%; height:445px; overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.second-approval-cont .second-left-conts .inner-con,
.second-approval-cont .left-conts .inner-con{padding:8px 6px;}
.second-approval-cont .right-conts .inner-con{padding:0;}
.second-approval-cont .right-conts .padding{padding:8px 6px !important;}
/* 기본 3분할 기본 화면(계정과목+결재선+대상계정) */
.second-approval-cont:has(.second-left-conts) .left-conts,
.second-approval-cont:has(.second-left-conts) .second-left-conts{width: calc(30% - 10px) !important;}
.second-approval-cont:has(.second-left-conts) .right-conts {width: calc(40% - 10px);}
/* 계정과목 없을떄 (second-left-conts가 없을 때) (계정과목+대상계정) */
.second-approval-cont:not(:has(.second-left-conts)) .left-conts {width: calc(40% - 10px) !important;}
.second-approval-cont:not(:has(.second-left-conts)) .right-conts {width: calc(60% - 10px) !important;}


/* 결재선등록 */
.second-approval-cont .icon-none:after{display:none;}
.second-approval-cont .bd-none{border:none !important;}

.second-approval-cont .second-left-conts .title-box,
.second-approval-cont .left-conts .title-box{border-top:none !important; border-bottom:1px solid var(--gray40-color); border-left:none !important; border-right:none !important; }
.second-approval-cont .right-conts .inner-half-con1{position:relative; width:100%;margin-bottom:24px; border:1px solid var(--gray40-color); overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.second-approval-cont .right-conts .inner-half-con1:last-child{margin-bottom:0;}
/* 대상계정 */
.second-approval-cont .right-conts .inner-half-new1{position:relative; width:100%; height:150px; margin-bottom:24px; border:1px solid var(--gray40-color); overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
/* 메모 */
.second-approval-cont .right-conts .inner-half-con2{position:relative; width:100%; height:80px; border:1px solid var(--gray40-color); box-sizing:border-box;}
.second-approval-cont .right-conts .inner-half-con2 textarea{border-radius:0}
/* 계정과목 list*/
.second-approval-inner{padding:0 5px;}
.second-approval-inner .cm-checkbox li{padding:3px 0;}
/* 기본 높이 */
.second-approval-cont .inner-half-con1 {height: 150px;}
/* 대상계정 삭제시 결재선 높이 */
.second-approval-cont .right-conts:not(:has(.inner-half-new1)) .inner-half-con1 { height: 350px !important;}


/* 2025.05.15 관리자 - 고객 공지 화면 */
.position-rel{position:relative;}
/* 글쓰기 / 조회채널지정 레이어팝업 */
.search-choice-layerpop{position:absolute; top:28px; left:60px; width:230px; height:auto; padding:10px; background:#fff; border:1px solid #323090; border-radius:5px; box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1); box-sizing:border-box; z-index:33}
.search-choice-layerpop .l-title{position:relative; padding-bottom:5px; color:#000; border-bottom:1px solid #eee; font-weight:600;}
.search-choice-layerpop .search-list-scroll{ position:relative; width:100%; margin:8px 0; overflow-y: auto; overflow-x: auto; box-sizing:border-box;}
.search-choice-layerpop .search-list-scroll li{padding:1px 8px 5px;}
.search-choice-layerpop .search-list-scroll li:hover{background:#f2f7ff;}
.search-choice-layerpop .search-list-scroll li input[type="checkbox"] + label {margin-left: 4px; margin-top: -1px;}
.search-choice-layerpop .popup-close-btn{position:absolute;right:0; top:-5px; font-size:24px;}


/* 2025.05.28 지출결의서 결재 부재중 아이콘 및 텍스트*/
.approver-name{position:relative; height:100%; display:flex; align-items: center;justify-content: center;}
.approver-name .txt{display:inline-block;}
.approver-name .right-icon{position:absolute;right:0; top:0;}


/* 2025.06.02 이체확인증 인쇄설정 팝업*/
.print-option-con01 {margin:35px auto; text-align:center;}
.print-option-con01 input[type="radio"] {display:none;}
.print-option-con01 span:last-child label{margin-right:0;}
.print-option-con01 label {
    position:relative;
    display:inline-block;
    width:237px;
    min-height:160px;
    color: var(--gray90-color);
    font-weight:600;
    font-size:16px;
    padding:14px 20px 10px 20px;
    border:1px solid var(--gray40-color);
    margin-right:34px;
    background:#fff;
    line-height:36px;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.print-option-con01 [type="radio"]:hover + label,
.print-option-con01 [type="radio"]:checked + label{
    background: #fff;
    border: 1px solid var(--darkblue-color);
    color:var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(133, 141, 162, .2);
}
.print-option-con01 [type="radio"]:checked:hover + label {
    background: #fff;
    border: 1px solid var(--darkblue-color);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 8px rgba(133, 141, 162, .2);
}

.print-option-con01 .icon-bgbox{margin:3px auto; text-align:center; vertical-align:middle; opacity:0.7}
.print-option-con01 input[type="radio"]:checked + label .icon-bgbox img{box-shadow: 0 0 8px rgba(133, 141, 162, .15);}
.print-option-con01 input[type="radio"]:checked + label .icon-bgbox{opacity:1}
.print-option-con01 .icon-check{display:inline-block; margin-top:-2px; margin-right:3px; width:17px; height:17px; background:url(../img/ico_print_option_check.svg) -17px 0 no-repeat; overflow:hidden; vertical-align:middle;}
.print-option-con01 input[type="radio"]:checked + label .icon-check{background:url(../img/ico_print_option_check.svg) 0 0 no-repeat;}


/*************** 2025.06.20 지출현황 대시보드***************/
.dept-select-searchlist{display:inline-block;width:80%; white-space:normal; vertical-align: middle;}
.ws-wrap{white-space:normal;}

/* 대시보드 타이틀 영역 */
.dept-select-txt-box .left-con{width: 86%;}
.dept-select-txt-box .right-con{width: 14%;}

.switch-check-con{display:flex; align-items:center;}
.switch-check-con .txt{display:inline-block; font-size:14px; margin-right:8px;}

/*-----당월 경비현황 + 과거 경비현황-----*/
.expense-dashboard-con01{position:relative; margin-top:24px; display: flex; justify-content:space-between;}
.expense-dashboard-con01 .edc-left{width: calc(50% - 20px); }
.expense-dashboard-con01 .edc-right{width: calc(50% - 20px);}
.expense-dashboard-con01 .round-box{position:relative; display: flex; justify-content:space-between; margin-top:8px; padding:20px; border: 1px solid #ddd; background: #fff; border-radius: 5px; }
.expense-dashboard-con01 .edc-right .round-box{background:#f7f7f7; border-color:#f7f7f7;}
.expense-dashboard-con01 .edc-info-txt{font-size:13px;}
.expense-dashboard-con01 .edc-info-txt span em{font-weight: 600;;}

.expense-dashboard-con01 .round-box .left-info{width: calc(65% - 10px);}
.expense-dashboard-con01 .round-box .this-month-chart{width: calc(35% - 10px); border-radius: 5px; backgcround:#ffffff;}
.expense-dashboard-con01 .per-txt-box{position: relative;display:flex;justify-content: space-between;align-items:center;border-radius: 10px;padding: 10px 10px;}
.expense-dashboard-con01 .per-txt-box .left-txt{display:flex; align-items:center;}
.expense-dashboard-con01 .per-txt-box .left-txt span{font-size: 32px;font-weight: 700;text-align: center; color: var(--gray45-color);}
.expense-dashboard-con01 .per-txt-box .left-txt em{color: var(--gray45-color);margin-right: 10px;font-size: 16px;}
.expense-dashboard-con01 .per-txt-box .right-txt li{display:flex; justify-content: space-between;}
.expense-dashboard-con01 .per-txt-box .right-txt li span{display:inline-block; font-size:14px; color: var(--gray45-color)}
.expense-dashboard-con01 .per-txt-box .right-txt li span:first-child{padding-right:14px;}
.expense-dashboard-con01 .per-txt-box .right-txt li span.price{text-align:right; margin-left:10px; font-weight:600}
.expense-dashboard-con01 .total-expense-txt{margin-top:20px;padding:0;}
.expense-dashboard-con01 .total-expense-txt li{position:relative; display: flex; justify-content:space-between;}
.expense-dashboard-con01 .total-expense-txt li{font-size:16px;font-weight:600;padding: 6px 12px;margin: 3px 0;}
.expense-dashboard-con01 .total-expense-txt li .price{text-align: right; letter-spacing: -0.05em;}
.expense-dashboard-con01 .total-expense-txt li .price span{display:inline-block; margin-left:10px}
.expense-dashboard-con01 .total-expense-txt li .price span em{color: var(--darkblue-color); font-weight:bold;}
/*.expense-dashboard-con01 .total-expense-txt li:first-child{border-bottom:1px solid #eee;}*/
.expense-dashboard-con01 .total-expense-txt li:first-child .price span em{color: var(--black-color);}
.expense-dashboard-con01 .total-expense-txt li:last-child{background:#fffddb; border-radius:5px;}

.expense-dashboard-con01 .this-month-chart{width:120px;height:180px; border-radius:5px; padding:10px;}
.expense-dashboard-con01 .prev-month-chart{width:100%; height:180px; padding:10px; margin:0 auto;}

/*----- 02.예산부서 별 지출 현황 -----*/
.expense-dashboard-con02{position:relative; margin-top:8px; padding:20px 5px 0 5px; border: 1px solid #ddd; background: #fff; border-radius: 5px; }
/* 스크롤 */
.scroll-chart-con{position:relative;  overflow-x: scroll; overflow-y: hidden; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; padding: 0 20px 20px 20px;}
.scroll-chart-con::-webkit-scrollbar {
    height: 8px; /* 가로 스크롤바의 높이 지정 */
    width: 4px;  /* 세로 스크롤바의 너비 지정 */
    background: transparent;
}
.scroll-chart-con::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
}
.scroll-chart-con::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
}
.scroll-chart-con::-webkit-scrollbar-track {
    background-color: rgba(200, 200, 200, 0.1);
    border-radius: 10px;
}
.scroll-chart-con::-webkit-scrollbar-button {
    display: none;
}

.expense-dashboard-con02 .bar-chart-dept-list{position:relative; margin:0 14px;}
.expense-dashboard-con02 .bar-chart-dept-list .dept-title{display:flex; justify-content: center; margin-top:4px; font-size:12px; letter-spacing: -0.05em; color: var(--gray80-color); line-height:1; }
.expense-dashboard-con02 .bar-chart-dept-list .bar-chart-dept-box{ width:210px; height:180px; /*background:#f7f7f7;*/ border-radius:5px; padding:10px;}
.expense-dashboard-con02 .bar-chart-dept-list .bar-chart-dept-box02{ width:160px; height:180px; /*background:#f7f7f7;*/ border-radius:5px; padding:10px;}

/*----- 03.주요 지출 지표 -----*/
.expense-dashboard-con03{position:relative; margin-top:8px; padding:0;border: 1px solid #ddd; background: #fff; border-radius: 5px; }
.expense-dashboard-con03 .chart-tab-content{position:relative; display:flex; justify-content: space-between; padding:12px 20px;}
.expense-dashboard-con03 .month-con{width: calc(50% - 10px); border:1px solid #ddd;border-radius: 5px;}
.expense-dashboard-con03 .month-con .month-item{padding:10px 20px;}

.expense-dashboard-con03 .month-con2{width: calc(50% - 10px); border:1px solid #ddd;border-radius: 5px;}
.expense-dashboard-con03 .month-con2 .month-item{padding:10px 20px;}

/* 대시보드 서브타이틀 :: bar 버전 */
.dashboard-stitle{position:relative;display:inline-block; padding:0 5px 0 10px; vertical-align:middle; font-size:15px; color: var(--gray90-color); font-weight:bold; }
.dashboard-stitle:before{ content:""; position:absolute; top:4px; left:0;width: 5px; height: 12px; background: #2A54AB; border-radius: 2px;}

/* 대시보드 서브타이틀2 :: dot 버전 */
.dashboard-stitle2{position:relative;display:inline-block; padding:0 5px 0 10px; vertical-align:middle; font-size:14px; color: var(--gray90-color); font-weight:bold; }
.dashboard-stitle2:before{ content:""; position:absolute; top:5px; left:0;width: 6px; height: 6px; background: #2A54AB; border-radius: 4px;}
.dashboard-stitle2.prev-month:before{background: #8E8E8E;}

/* 주요지출지표 체크박스선택*/
.db-con03-top{padding:10px 20px;}

/* 주요 지출지표 내부 컨텐츠 */
.dashboard-inner-con03{position:relative; width:100%; border-top:1px solid #ddd;}

/* 타이틀+우측탭 */
.dashboard-inner-con03 .title-item{position:relative; display:flex;justify-content: space-between; align-items:center; padding:6px 20px; background: #f7f7f7;}
.dashboard-inner-con03 .c-reports-tab{position:relative;display:flex;}
.dashboard-inner-con03 .c-reports-tab li{min-width:50px; color:#666666; font-weight:400; font-size:13px; text-align:center;background-color:#dfdfdf; border:1px solid #E6E6E6; }
.dashboard-inner-con03 .c-reports-tab li:first-child{border-radius:5px 0 0 5px;}
.dashboard-inner-con03 .c-reports-tab li:last-child{border-radius:0 5px 5px 0;}
.dashboard-inner-con03 .c-reports-tab li.active{background-color:#535E77; border:1px solid #535E77;}
.dashboard-inner-con03 .c-reports-tab li.active a{color:#ffffff !important; }
.dashboard-inner-con03 .c-reports-tab li a{padding:4px 4px;width:100%; height:100%;display:block;}
/* 차트관련 */
.dashboard-inner-con03  .pie-chart-box{height:240px;margin:auto; }

/*----- 04.룰 보드 위반현황 -----*/
.expense-dashboard-con04{position:relative; display:flex; justify-content: space-between; padding:0 0; margin:8px 0 0 0; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.expense-dashboard-con04 .edc-left{/*width: calc(50% - 10px);*/ width:50%; border-right:1px solid #dddddd;}
.expense-dashboard-con04 .edc-right{/*width: calc(50% - 10px);*/width:50%; }
.expense-dashboard-con04 .title-box{position:relative; border-bottom:1px solid #eee; padding: 8px 14px; background:#F7F7F7; border-radius: 5px 5px 0 0;}
.expense-dashboard-con04 .tbl-both-con{display: flex;justify-content: space-around; flex-wrap: nowrap; padding:10px 10px 16px 10px;}
.expense-dashboard-con04 .tbl-both-con .dashboard-tbl-type01{margin-left:6px; margin-right:6px;}
.expense-dashboard-con04 .month-con{display:flex;}

/*----- 05.바로가기 -----*/
.expense-dashboard-con05{position:relative; display:flex; flex-wrap: wrap; align-items: center; margin:8px 0 0 0; padding:0; border: 1px solid #ddd; background: #fff; border-radius: 5px;}
.expense-dashboard-con05 button{margin:0 6px;}
.expense-dashboard-con05:before{content: ""; width:63px; min-height:50px; background:#EFF5FF url(../img/ico_poplink.svg) center no-repeat;}

/* 대시보드 table */
.dashboard-tbl-type01 {position: relative; width:100%; margin-top:6px;}
.dashboard-tbl-type01 table {width:100%;}
.dashboard-tbl-type01 table th{padding: 6px 2px; background: #EAECF3; font-size: 11px; color: var(--gray90-color); text-align:center; border-bottom:1px solid var(--gray30-color); border-top:1px solid var(--gray30-color); box-sizing:border-box;}
.dashboard-tbl-type01 table td{padding: 2px 2px; height:28px; border-bottom: 1px solid var(--gray30-color);  font-weight: 400; font-size: 12px; color: var(--gray80-color);text-align:center; box-sizing:border-box; }
.dashboard-tbl-type01 table .ar {text-align: right;}
.dashboard-tbl-type01 table tbody tr:hover{background:#f9f9f9;}
.dashboard-tbl-type01 table.hover-none tbody tr:hover{background:none;}
.dashboard-tbl-type01 table tbody tr.selected,
.dashboard-tbl-type01 table tbody tr.selected:hover{background:#FFFCE2;}


/************* 2025.06.26 용도 그룹화 *************/
.detail-item-text{position:relative; margin-top:5px; font-size:11px; letter-spacing:-0.05em; color:var(--gray50-color); font-weight:400;}

/* 아이콘 버튼 xi-icon 위치 조정*/
.icon-btn > [class^=xi-]{margin-top:-3px !important}

.usegroup-setting-con{}
.usegroup-setting-con .form-box{position:relative; display: flex; justify-content: space-between; padding:10px 12px; background: var(--grayblue20-color); border:1px solid var(--gray30-color); border-radius:2px;}

.usegroup-setting-con .form-box .border-none-tbl{width:82%;}
.usegroup-setting-con .form-box .btn-con{width: calc(18% - 16px); margin-left:16px; padding:4px 0;}
.usegroup-setting-con .form-box .btn-con button{width:100%; height:100%;}
.usegroup-setting-con .border-none-tbl table th{font-size:13px;}

.usegroup-setting-con .b-setting-list{position:relative; margin:10px 0; height:350px; border:1px solid var(--gray30-color); overflow-y: auto; overflow-x: auto; border-radius:2px;}
.usegroup-setting-con .b-setting-list ul{padding:12px;}
.usegroup-setting-con .b-setting-list ul li{position:relative;display:flex; justify-content: space-between; align-items: center; font-size:13px; border-bottom:1px solid #eee; padding:4px 12px;}
.usegroup-setting-con .b-setting-list ul li:hover{background: var(--lgray10-color);}

.usegroup-setting-con .b-setting-list ul li .btn-delete{margin-left:auto;}

.usegroup-setting-con .b-setting-list ul li span{display: flex; align-items: center;}
.usegroup-setting-con .b-setting-list ul li span:first-child{color: var(--gray90-color); padding-right:4px; white-space:nowrap;}
.usegroup-setting-con .b-setting-list ul li .explain-txt:before{content:"-";display:inline-block;padding: 0 6px 0 0;margin-left: -12px;}
.usegroup-setting-con .b-setting-list ul li .explain-txt{font-weight:400;color: var(--gray50-color);padding:0 16px 0 16px; line-height:1.2}

.usegroup-setting-con .form-box2{position:relative; padding:10px 12px; background: var(--grayblue20-color); border:1px solid var(--gray30-color); border-radius:2px;}

.use-bookmark-list{border-bottom:1px solid #E4E4E4; padding:0 8px 26px 8px;}
.use-select-con{position:relative; margin:20px auto 30px; padding:0 8px;}

.my-bookmark-title{position:relative; width: 100%; margin:0 auto 8px; padding:6px 20px; font-size:15px;  background: #F7F7F7; border-radius: 5px; font-weight:700;}

.column-group{position:relative; display:table; width:100%;}
.column-group .column{display:table-cell; width:20.4%; padding:0 24px; vertical-align:top; border-left:1px solid #EEEEEE;}
.column-group .column:first-child{border-left:0; width:18.4%; }
/* 용도선택 첫번쨰 컬럼 왼쪽 패딩값 조절 */
ul.column-group > li.column:first-child {padding-left: 16px;}

.use-select-con .column-group + .column-group .column{padding-top:46px;}
.use-bookmark-list .column-group + .column-group .column{padding-top:0px !important;}

.use-select-detail-list{position:relative; padding:0 0;}
.use-select-detail-list .use-title{display:inline-block; padding:2px 4px; font-size:15px; font-weight:700; color: var(--black-color);cursor:default;}
.use-select-detail-list ul li{display:flex; align-items:center; margin:2px 0; padding:3px 2px; border-radius:3px;}

.ico-star{display:inline-block; width:18px; height:18px; box-shadow:none;}
.ico-star:hover{box-shadow:none;}
.ico-star:before{content:"\ea16"; font-size:16px; font-family:xeicon; color:#CDCDCD;}
.ico-star.on:before{content:"\ea0f"; color:#FFAC27;}
.ico-star:hover:before{color:#aaa}
.ico-star.on:hover:before{color:#fba51a;}

.use-select-detail-list ul li .use-select-item{display:inline-block; font-size:13px; margin: -1px 0 0 4px; padding:2px 0; color: #444444; font-weight:400; line-height:1; text-align:left; cursor:pointer;}
.use-select-detail-list ul li .use-select-item:focus,
.use-select-detail-list ul li .use-select-item.item-select{color: var(--darkblue-color); font-weight:700;}


/*************2025.07.10 셀트리온 **************/
/****** 2025.07.10 예산조회 sticky tbl******/
table.sticky-tbl-type.sticky-type03 td{width:100px; min-width:100px; white-space:nowrap; font-size:13px; padding:0 !important;}
table.sticky-tbl-type.sticky-type03 .col1 {width: 100px; min-width: 100px; max-width: 100px; left: 0px;}
table.sticky-tbl-type.sticky-type03 .col2 {width: 100px; min-width: 100px; max-width: 100px; left: 100px;}
table.sticky-tbl-type.sticky-type03 .col3 {width: 100px; min-width: 100px; max-width: 100px; left: 200px;}
table.sticky-tbl-type.sticky-type03 .col4 {width: 100px; min-width: 100px; max-width: 100px; left: 300px;}
table.sticky-tbl-type.sticky-type03 .col5 {width: 100px; min-width: 100px; max-width: 100px; left: 400px;}
table.sticky-tbl-type.sticky-type03 .col6 {width: 100px; min-width: 100px; max-width: 100px; left: 500px;}

table.sticky-tbl-type.sticky-type03 tbody th,
table.sticky-tbl-type.sticky-type03 td {height:28px; padding:0 6px;}

.sticky-table-scroll2 table.sticky-type03 th:first-child,
.sticky-table-scroll2 table.sticky-type03 td:first-child{/*border-left:0;*/}

.sticky-table-scroll2 table.sticky-type03 th:last-child,
.sticky-table-scroll2 table.sticky-type03 td:last-child{border-right:1px solid var(--gray30-color) !important;}


/*************2025.07.23 세팅튜토리얼 **************/
.modal-guide-popup-bg{background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(5px);}
.setting-guide-conts .layer-close-btn{position: absolute; right:28px; top:28px; width:28px; height:28px; background:url(../img/setting_guide_close.png) center/contain; cursor:pointer;}
.setting-guide-title{position:relative; color: var(--white-color); font-size: 22px; line-height: 1.5;}

.setting-guide-con-box{position:relative; margin:50px auto 20px; width:880px; min-height:490px; border:1px dashed var(--white-color); border-radius: 10px; }

.btn-down-manual{position:absolute; top:-23px; left: calc(50% - 213px/2); width:213px; height:46px;padding:3px 10px; background: var(--white-color); font-size:16px; color: var(--black-color); font-weight: 600; border-radius: 4px; }
.btn-down-manual .manual-icon{display:inline-block; width:36px; height:29px; margin:-8px 10px 0 0; background:url(../img/setting_guide_icon01.png) center/contain; vertical-align: middle;}
.btn-down-manual:hover{background: #FAF2C4;}

.setting-guide-conts .btn-transparent{height:32px; padding:0 26px; margin:0 5px !important; font-weight:400 !important; color: var(--white-color); border: 1px solid rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 0); border-radius: 4px;}
.setting-guide-conts .btn-transparent:hover{border: 1px solid rgba(255, 255, 255, 0.5);}

.setting-guide-con-box .inner-con-box{padding:45px 20px 20px;}
.setting-guide-con-box .inner-con-box ul{display:flex; flex-wrap: wrap; justify-content: center;}
.setting-guide-con-box .inner-con-box li{position:relative; display:flex; flex-direction:column;  align-items: center; width: 182px; height:152px; padding:24px 20px 5px 20px; margin:26px 22px; background:#E6EAEB; border-radius:20px; box-sizing: border-box;}
.setting-guide-con-box .inner-con-box li:after{ content: ""; position:absolute; top: calc(50% - 26px/2); right:-30px; width:16px; height:26px; background:url(../img/setting_guide_arrow_right.png) center/contain;}
.setting-guide-con-box .inner-con-box li:nth-child(6):after{display:none;}
.setting-guide-con-box .inner-con-box li .guide-icon{display:flex; justify-content: center; align-items: center; height:55px; }
.setting-guide-con-box .inner-con-box li .guide-icon img{transform: scale(0.5);}
.setting-guide-con-box .inner-con-box li .title{font-size:18px; color: var(--black-color); font-weight:500;}
.setting-guide-con-box .inner-con-box li .rbox-number{position:absolute; top:-16px;left:-17px; width:50px; height:50px; border-radius:50px;}
.setting-guide-con-box .inner-con-box li .rbox-number:before{content:""; display:block; position: relative; width:58px; height:58px; background: rgba(255, 255, 255, 0.5); border-radius:54px; z-index:1;}
.setting-guide-con-box .inner-con-box li .rbox-number:after{content:""; display:block; position: absolute; left:4px;top:4px; width:50px; height:50px; background:#5988FF;  border-radius:54px; z-index:1;}
.setting-guide-con-box .inner-con-box li .rbox-number span{position:absolute; display:inline-block; top:14px; left:16px; font-size:20px; font-weight:bold; color: var(--white-color); z-index:2;}
.setting-guide-con-box .inner-con-box li .btn-setting{width:89px; height:30px !important; padding:0 20px; border-radius: 28px; color: var(--white-color); background:#4364E8; font-weight:400;}
.setting-guide-con-box .inner-con-box li .btn-setting:hover{background:#2449DE; }
.setting-guide-con-box .inner-con-box li.active{background:#FAF2C4;}
.setting-guide-con-box .inner-con-box li.active .rbox-number:after{background:#333333}
.setting-guide-con-box .inner-con-box li.active .btn-setting{background:#444444;}
.setting-guide-con-box .inner-con-box li.active .btn-setting:hover{background:#666666; }


/*------------ 2025.08.20 오리온 - 전표입력화면 수정 ------------*/
.account-holder-box{position:relative; width:85%; height:80px; margin:0 auto; display:flex; justify-content: center; align-items:center; flex-direction: column; background:#f7f7f7; border-radius: 5px;}
.placeholder-al::placeholder{text-align:left; color: rgba(0,0,0,0.5); font-weight:400;}
/* 추가항목 */
.add-items-box{position:relative; background:#f8f8f8; padding:6px 5px; display:flex; justify-content: flex-start; flex-wrap: nowrap;}
.add-items-title i + i{margin-left:-8px;}
.add-items-title{width: 105px;font-size:12px;font-weight:600;color:#000000;display: flex;align-items: center;justify-content: center;}
.add-items-column{position:relative; width:calc(100% - 105px); display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap;}
.add-items-column li{padding: 0 5px; width: 12%;}
.add-items-column input[type="text"],
.add-items-column select{font-size:12px !important; border-color:#dddddd !important;}


/* 2025.09.08 전표작성 */
.bar-line{border-width:1px 0 0 0; border-style:solid; border-color:#cccccc;}
.tb-icon-edit i{margin-left:-1px !important; margin-top:1px !important}
.tb-icon-delete > [class^=xi-]{margin-top: -1px !important;}


/****** 2025.10.29 2차 결재선 화면 수정 ******/
.approval-sline-row {position:relative;display: flex; justify-content: space-between; gap: 24px; margin:20px 0;}
.approval-sline-row .approval-box-items{flex: 0; flex-basis: calc((100% - 72px) * (70 / 3) / 100); border: 1px solid var(--gray40-color);background-color: var(--white-color);}
/* 첫 번째 박스에만 30% */
.approval-sline-row .approval-box-items:first-child {flex-basis: calc((100% - 72px) * 0.3);}
/* 결재 타이틀*/
.approval-sline-row .title-box{position:relative; text-align:center; background: var(--lgray10-color); border-bottom:1px solid var(--gray40-color); font-size:14px;  padding:5px 0; height:32px; color: var(--black-color); font-weight:bold; }
.approval-sline-row .inner-scroll-con{position:relative; width:100%;  overflow-y:auto; overflow-x: auto; box-sizing:border-box;}
/* 2차 결제선 스크롤 박스 세로값*/
.h-large-box .inner-scroll-con{ height:390px; padding: 8px 6px;}/* 첫번째줄만 스크롤 컨텐츠에 패딩값 있음*/
.h-small-box .inner-scroll-con{ height:115px;}


/*******  2025.11.14 베트남-세금계산서 *******/
.vietnam-tax-container{position:relative; width:100%; height:520px; border:1px solid #cbb294; background:#ffffff; box-sizing:border-box; overflow:auto;}
.vietnam-tax-invoice-con *{font-family: roboto, Arial, sans-serif;}
.vietnam-tax-invoice-con{position: relative; padding:10px 14px; box-sizing: border-box; max-width:770px; min-width:500px; background:#faf9f6; border:1px solid #cbb294; margin:0 auto;}
.vietnam-tax-container .vietnam-tax-invoice-con{border:none;}

.vtax-header{display: flex; justify-content: space-between; align-items: flex-start; margin:10px 8px;}

.vtxt-title{font-size:24px; font-weight: bold; margin-bottom:14px;}
.vtxt-date{font-size:12px; margin-bottom:6px;}
.vtxt-code{font-size:13px;}
.vtxt-top-txt{font-size:13px;}

.vtax-header .side-item{padding-top:8px;}
.vtax-header .side-item ul li{display:flex; font-weight: bold; font-size:13px;}
.vtax-header .vtax-stxt {padding: 0 3px;}

/* 리스트 텍스트 */
.vtax-stitle {font-weight: 600;}
.vtax-stitle::after { content: ":"; margin-left: 4px;}
.vtax-stxt {color: #4f4438}

/* 판매자 구매자 상세정보 리스트 */
.vtax-list{border-top:1px solid #bfb1a0; padding:10px 4px;}
.vtax-list ul{width: 100%; display: flex; flex-direction: column; padding: 0; margin: 0; gap: 1px;}
.vtax-list ul li {display: flex; flex-wrap: nowrap;}
/* 기본 2칸 구조 */
.vtax-list ul li .vtax-stitle,
.vtax-list ul li .vtax-stxt {padding: 0 3px; font-size: 12px; box-sizing: border-box;}
li.two-cols .vtax-stitle,
li.two-cols .vtax-stxt {flex: initial;}
li.two-cols .vtax-stitle{white-space: nowrap;} /* 25.11.18 추가 */

/* 4칸 비율: 10% / 40% / 10% / 40% */
li.four-cols .vtax-stitle:nth-of-type(1) {flex: initial;}
li.four-cols .vtax-stxt:nth-of-type(1) {flex: 0 0 40%;}
li.four-cols .vtax-stitle:nth-of-type(2) {flex: initial;}
li.four-cols .vtax-stxt:nth-of-type(2) {flex: 0 0 40%;}

.vtax-tbl-con{margin-top:8px;}
.vtax-tbl-both-con{display:flex; justify-content: space-between; align-items: flex-start; gap:10px; width: 100%; margin-top:16px;}
.vtax-tbl-both-con .left-cont{flex: 0 0 calc(30% - 10px);}
.vtax-tbl-both-con .right-cont{flex: 0 0 70%; margin-left: auto;} /* 1개만 나오는 우측 컨텐츠때문에 마진 레프트 넣음*/

.vax-tbl-style{ border-collapse: collapse; width: 100%; border: 1px solid #bfb1a0; font-size: 11px; background:#ffffff;}
.vax-tbl-style thead,
.vax-tbl-style tbody th{background-color: #f8f2ea;}
.vax-tbl-style th,
.vax-tbl-style td {border: 1px solid #bfb1a0; padding: 5px 2px;}
.vax-tbl-style th {font-weight: 500; text-align: center; }
.vax-tbl-style thead th{font-size: 11px;}
.vax-tbl-style td {text-align:center; font-size: 12px;}
/* 테이블 2개 나올경우 상단 마진 */
.vax-tbl-style + .vax-tbl-style{margin-top:10px;}

.vtax-sign-section{position:relative; width: 100%; margin: 20px 0 10px; border-top:1px solid #bfb1a0; padding:10px 0; display:flex; justify-content: space-around;}
.vtax-sign-section .left-cont{flex: 0 0 50%;}
.vtax-sign-section .right-cont{flex: 0 0 50%; display:flex; justify-content: center; flex-direction: column; align-items: center;}
.vtax-sign-section .sign-title {display:block; font-weight: 600; text-align: center; font-size: 13px; }
.vtax-sign-section .sign-note {display:block; font-style: italic; font-size: 11px; text-align: center; margin-top:6px;}

.vtax-signature-box{position: relative;width: 250px; margin-top:14px; padding: 6px 6px; border: 1px solid #08ae00;}
.vtax-signature-box p{color: #1ba01b; font-size: 13px; line-height: 1.3; font-family: 'Times New Roman', Times, serif !important;}
.vtax-signature-box .check-img {position: absolute; left: 107px; bottom: 10px; width: 50px; height: auto;}

/* 팝업창 사용내역 - 안쪽 컨텐츠 스크롤바 설정*/
.expense-both-wrap *::-webkit-scrollbar,
.expense-both-wrap02 *::-webkit-scrollbar{background-color:transparent;width:6px; height:6px;}
/* 스크롤바 막대 설정*/
.expense-both-wrap *::-webkit-scrollbar-thumb,
.expense-both-wrap02 *::-webkit-scrollbar-thumb{background-color:#babac0; border-radius:16px;}
.expense-both-wrap *::-webkit-scrollbar-thumb:hover,
.expense-both-wrap02 *::-webkit-scrollbar-thumb:hover{background-color:#a0a0a5;}
/* 스크롤바 뒷 배경 설정*/
.expense-both-wrap *::-webkit-scrollbar-track,
.expense-both-wrap02 *::-webkit-scrollbar-track{border-radius: 10px; background-color: rgba(200, 200, 200, 0.1);}
.expense-both-wrap *::-webkit-scrollbar-track:hover,
.expense-both-wrap02 *::-webkit-scrollbar-track:hover{background-color:transparent;}

/* 2025.11.20 오리온-추가 세금계산서 내역 상세 팝업 추가 */
.vtax-down-btn-wrap{position:sticky; bottom:0; left:0; width:100%; padding:10px 0; background: rgba(250, 249, 246, 0.8); display:flex; align-items: center; justify-content: center; gap:10px;}
.vtax-down-btn-wrap button{border-radius: 50px; height:26px;}

.detail-item-b3{display:flex; align-items: center; justify-content: space-between; }
.detail-item-b3 .left-text{display:flex; align-items: center; gap:2px;}
.detail-item-b3 .right-btn{margin-left:0;}

/* 2025.12.04 베트남-세금계산서 인쇄 시 적용될 스타일 */
@media print {
    /* page 출력 마진 설정*/
    @page print-vtax{size: auto;  margin: 10mm !important;}
    .vietnam-tax-invoice-con{page: print-vtax;}

    /* 서명란이 잘리지 않도록 설정 */
    .vtax-sign-section,
    .vtax-tbl-both-con {page-break-inside: avoid; break-inside: avoid;}

    /* 테이블 행(tr)이 중간에 짤리지 않게 설정 */
    .vietnam-tax-invoice-con tr,
    .vtax-tbl-both-con tr {page-break-inside: avoid; break-inside: avoid;}

    /* 테이블이 길어질 때 헤더가 다음 페이지에도 반복 */
    .vietnam-tax-invoice-con thead,
    .vtax-tbl-both-con thead,
    .vax-tbl-style thead {display: table-header-group;}
}
/* 인쇄 미리보기 전에도 추가 */
.vtax-sign-section,
.vtax-tbl-both-con {page-break-inside: avoid; break-inside: avoid;}