@charset "utf-8";

/*
 * Project		:	eAccounting Master
 * File			:	component.css
 * Author		:	YoungJae Lee
 * Date			:	July. 2021
 * Description	:	공통 색상 클래스
 */



 /* :: title style
-----------------------------*/

.tit-inq {float: left; display: inline-block; padding: 0 10px; line-height: 32px; font-size: 13px; position: relative;}
.tit-inq:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:var(--he-main1);}
			
.bullet-tit {position: relative; display: inline-block; margin-left: 5px; padding-left: 10px; line-height: 32px; font-size: 13px; font-weight: bold;}
.bullet-tit:before {content:''; position:absolute; top:13px; left:0; width:5px; height:5px; border-radius:50%; background:var(--he-main1);}

.empa {position: relative;}
.empa:after {content:'*'; color: var(--he-red); margin-left: 3px;}

.notiPs:before {content: "*"; color: #e63643; font-weight: bold; margin-right: 3px; vertical-align: middle; font-size: 1.2rem;}
.ps:after {content: "*"; color: #e63643; font-weight: bold; margin-left: 3px; vertical-align: middle; font-size: 15px;}

.warningP {background: #fcefee; padding: 5px 13px 5px 8px; border-radius: 15px; display: inline-block;}
.empaInfoDiv {background: #fff4b1; padding: 0 15px; border-radius: 8px 8px 0 0; font-size: 16px; display: flex; align-items: center;  justify-content: center; height: 38px;}

.warningBox {background: #fcefee; padding: 15px; border-radius: 8px; font-size: 15px; line-height: 1.6;}
.warningBox .titArea {background: var(--he-main1); color: #fff; font-weight: bold; display: inline-block; padding: 3px 15px; border-radius: 30px;}
.warningBox .descArea {display: block; margin-top: 10px;}
.warningBox p {position: relative; padding-left: 15px;}
.warningBox p:before {content:''; position:absolute; top: 8.5px; left:0; width:5px; height:5px; border-radius:50%; background:var(--he-main1);}

.tit-box {width:118px; display: inline-block; line-height: 32px; font-size: 13px; position: relative; background-color: var(--he-gray-100);}

 /* :: 프로필사진
-----------------------------*/
.profile-img {position: relative; display: flex; background-color:#fff; color: var(--grayLightColor); align-items: center; justify-content: center; flex-shrink: 0; isolation: isolate;
					-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjUgMTAwQzAuNSA3OS40MjM5IDEuNjAzMTcgNjIuOTIzNSA0LjUzMjYyIDQ5Ljc0MjFDNy40NjA4MiAzNi41NjY0IDEyLjIwNzEgMjYuNzM3NSAxOS40NzIzIDE5LjQ3MjNDMjYuNzM3NSAxMi4yMDcxIDM2LjU2NjQgNy40NjA4MiA0OS43NDIxIDQuNTMyNjJDNjIuOTIzNSAxLjYwMzE3IDc5LjQyMzkgMC41IDEwMCAwLjVDMTIwLjU3NiAwLjUgMTM3LjA3NyAxLjYwMzE3IDE1MC4yNTggNC41MzI2MkMxNjMuNDM0IDcuNDYwODIgMTczLjI2MiAxMi4yMDcxIDE4MC41MjggMTkuNDcyM0MxODcuNzkzIDI2LjczNzUgMTkyLjUzOSAzNi41NjY0IDE5NS40NjcgNDkuNzQyMUMxOTguMzk3IDYyLjkyMzUgMTk5LjUgNzkuNDIzOSAxOTkuNSAxMDBDMTk5LjUgMTIwLjU3NiAxOTguMzk3IDEzNy4wNzcgMTk1LjQ2NyAxNTAuMjU4QzE5Mi41MzkgMTYzLjQzNCAxODcuNzkzIDE3My4yNjIgMTgwLjUyOCAxODAuNTI4QzE3My4yNjIgMTg3Ljc5MyAxNjMuNDM0IDE5Mi41MzkgMTUwLjI1OCAxOTUuNDY3QzEzNy4wNzcgMTk4LjM5NyAxMjAuNTc2IDE5OS41IDEwMCAxOTkuNUM3OS40MjM5IDE5OS41IDYyLjkyMzUgMTk4LjM5NyA0OS43NDIxIDE5NS40NjdDMzYuNTY2NCAxOTIuNTM5IDI2LjczNzUgMTg3Ljc5MyAxOS40NzIzIDE4MC41MjhDMTIuMjA3MSAxNzMuMjYyIDcuNDYwODIgMTYzLjQzNCA0LjUzMjYyIDE1MC4yNThDMS42MDMxNyAxMzcuMDc3IDAuNSAxMjAuNTc2IDAuNSAxMDBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K); -webkit-mask-size: contain;}
.profile-img img {width: 100%; height: 100%; object-fit: cover; border-radius: inherit;}
.profile-img::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgb(36, 42, 48); border-radius: inherit; opacity: 0; transition: all 0.15s ease 0s; pointer-events: none;}
.profile-img::after {background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIHZlY3Rvci1lZmZlY3Q9Im5vbi1zY2FsaW5nLXN0cm9rZSIgZD0iTTAuNSAxMDBDMC41IDc5LjQyMzkgMS42MDMxNyA2Mi45MjM1IDQuNTMyNjIgNDkuNzQyMUM3LjQ2MDgyIDM2LjU2NjQgMTIuMjA3MSAyNi43Mzc1IDE5LjQ3MjMgMTkuNDcyM0MyNi43Mzc1IDEyLjIwNzEgMzYuNTY2NCA3LjQ2MDgyIDQ5Ljc0MjEgNC41MzI2MkM2Mi45MjM1IDEuNjAzMTcgNzkuNDIzOSAwLjUgMTAwIDAuNUMxMjAuNTc2IDAuNSAxMzcuMDc3IDEuNjAzMTcgMTUwLjI1OCA0LjUzMjYyQzE2My40MzQgNy40NjA4MiAxNzMuMjYyIDEyLjIwNzEgMTgwLjUyOCAxOS40NzIzQzE4Ny43OTMgMjYuNzM3NSAxOTIuNTM5IDM2LjU2NjQgMTk1LjQ2NyA0OS43NDIxQzE5OC4zOTcgNjIuOTIzNSAxOTkuNSA3OS40MjM5IDE5OS41IDEwMEMxOTkuNSAxMjAuNTc2IDE5OC4zOTcgMTM3LjA3NyAxOTUuNDY3IDE1MC4yNThDMTkyLjUzOSAxNjMuNDM0IDE4Ny43OTMgMTczLjI2MiAxODAuNTI4IDE4MC41MjhDMTczLjI2MiAxODcuNzkzIDE2My40MzQgMTkyLjUzOSAxNTAuMjU4IDE5NS40NjdDMTM3LjA3NyAxOTguMzk3IDEyMC41NzYgMTk5LjUgMTAwIDE5OS41Qzc5LjQyMzkgMTk5LjUgNjIuOTIzNSAxOTguMzk3IDQ5Ljc0MjEgMTk1LjQ2N0MzNi41NjY0IDE5Mi41MzkgMjYuNzM3NSAxODcuNzkzIDE5LjQ3MjMgMTgwLjUyOEMxMi4yMDcxIDE3My4yNjIgNy40NjA4MiAxNjMuNDM0IDQuNTMyNjIgMTUwLjI1OEMxLjYwMzE3IDEzNy4wNzcgMC41IDEyMC41NzYgMC41IDEwMFoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjEiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);
	background-size: cover; content: ""; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3;}


/* :: 제품 사진
-----------------------------*/
.product-img {border: none; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; isolation: isolate; }
.product-img img {width: 100%; height: 100%; object-fit: cover;}

 /* :: form 관련
-----------------------------*/

 /* form 요소 공통 스타일 */
input,
textarea {display: block; width: 100%; border: none; background: none; outline: none; resize: none;}
.readonly {background-color: #ececec !important; border: 1px solid rgba(var(--he-gray-200-rgb), .6);}

/* input type text */
.inp-wrap {position: relative; display: inline-block; box-sizing: border-box; height: 32px; padding: 4px 8px; border: 1px solid rgba(var(--he-gray-400-rgb), .6); background: var(--he-base); border-radius: 5px;}
.inp-wrap.search {padding: 4px 30px 4px 8px; border:1px solid rgba(var(--he-gray-400-rgb), .6); background: url('/static/images/icon/icon_search_orange.png') no-repeat right 7px top 8px; background-size: 15px auto;}
.inp-wrap.focused {background: #edf2fa; border-color: #0b57d0;}

.checkbox-wrap {
	display: flex; /* 가로 정렬 */
	gap: 15px; /* 체크박스 간 간격 조정 */
	flex-wrap: wrap; /* 너무 길어질 경우 줄바꿈 */
}

.type-checkbox {
	display: flex;
	align-items: center; /* 체크박스와 라벨을 수직 중앙 정렬 */
	gap: 5px; /* 체크박스와 라벨 사이 간격 */
}

.type-checkbox label {
	display: inline-block;
	width: fit-content;
	white-space: nowrap;
}

.inp-comm,
.inpTxt,
.inp-wrap > input[type="text"] {width:100%; height: 100%; font-size:13px;} /* inpTxt : 과거 사용 class */

.inp-comm.monthPic,
.inp-comm.datePic {
								box-sizing:border-box;
								height:32px;
								padding:4px 25px 4px 8px;
								border:1px solid rgba(var(--he-gray-400-rgb), .6); border-radius: 5px;
								background:var(--he-base) url('/static/images/icon/icon_cal.png') no-repeat right 5px center;
								background-size: 17px auto;
								cursor:pointer;
								}
.inp-comm.timePic {
	box-sizing:border-box;
	height:32px;
	padding:4px 25px 4px 8px;
	border:1px solid rgba(var(--he-gray-400-rgb), .6); border-radius: 5px;
	background:var(--he-base) url('/static/images/icon/icon_cal.png') no-repeat right 5px center;
	background-size: 17px auto;
	cursor:pointer;
}
.inp-comm.datePic.readonly {background-color: #fff !important;}

.inp-wrap.unitIn {padding: 4px 30px 4px 8px;}
.inp-wrap .unit {position:absolute; right:6px; top:6px;}
.inp-wrap .unit.remove {right: 10px; top: 8px; color: var(--he-red); cursor: pointer;}

/* 데이터피커 영역 */
.prd-inp-wrap {display: flex; align-items: center; width: 280px; overflow: hidden;}
.prd-inp {flex-grow: 1; position: relative;}
.prd-inp:first-child {margin-right: 20px;}
/* 주문일자, 납품일자 */
.prd-input {flex-grow: 1; position: relative;}
.prd-input:first-child {margin-right: 20px;}
.prd-inp:first-child:after {content: "~"; position: absolute; top: 0; right: -15px; line-height: 32px;}

/* 미입력금액 */
.minusAmt-wrap {color: var(--he-blue); padding: 10px 0 5px; text-align: right;}
.minusAmt-wrap .infoTextInput {margin-top: -2px; margin-right: 5px; display: inline-block; width: auto; text-align: right;}

/* select */
.sel-wrap {box-sizing:border-box; height:32px; padding: 4px 8px; background-color:var(--he-base); border:1px solid  rgba(var(--he-gray-400-rgb), .6); cursor:pointer; border-radius: 5px;}
.sel-wrap.type02 {display:inline-block; vertical-align:top;}
.sel-wrap.dtlDisable {border: none; background: none; padding: 0;}
.sel-wrap.dtlDisable select {
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */}
.sel-wrap.dtlDisable select:disabled {color: #414141; opacity: 1;}

.sel-wrap select {display:block; width: 100%; height: 100%; border:none; background:none; outline:none;}

/* textarea */
.js-txtAutoHgt {/* 스크립트로 높이값 설정이 필요한 곳에 사용한 클래스 */}
.js-txtAutoHgt textarea {overflow: hidden;}

.txt-wrap {padding:4px 7px; border-radius:2px; background-color:var(--he-base); border:1px solid  rgba(var(--he-gray-400-rgb), .6); border-radius: 5px;}
.txt-wrap textarea {line-height:1.5}
.txt-wrap.st02 {background: var(--he-gray-100);}

/* radio */
.rdo-st{display:inline-block;position:relative;min-width:20px;min-height:20px;line-height:1.2;background:url(/static/images/com/web/icon_radio.png) left 2px no-repeat;vertical-align:top}
.rdo-st input[type="radio"]{display:none;position:absolute;top:2px;left:2px;width:0;height:0;line-height:0;border:none;background:none;color:transparent}
.rdo-st label{display:inline-block;padding:5px 0 2px 22px;vertical-align:top;font-size:13px;}
.rdo-st.on{background-position:left -70px}

.radio-wrap {min-width:8px;}
.radio-wrap.basic input[type="radio"] {display:inline-block; width: auto; margin-top: -2px;} /* custom이 아닌 기본 스타일 사용시 */
.radio-wrap input[type="radio"] {display:none;}
.radio-wrap input[type="radio"] + label {font-size:13px; cursor:pointer;}
.radio-wrap input[type="radio"] + label span {border-radius:5px; display:inline-block; width:19px; height:19px; border-radius:50%; margin:-2px 5px 0 0; vertical-align:middle; cursor:pointer; border:1px solid rgba(var(--he-gray-400-rgb), .6); background-color:var(--he-base);}
.radio-wrap input[type="radio"]:checked + label span {border-color: var(--he-main1); background-color: var(--he-main1); background-image:url("/static/images/icon/icon_check_white.png"); background-repeat:no-repeat; background-position: center center; background-size: 11px auto;}

.radio-flex {display: flex;}
.radio-flex > .radio-wrap {margin-left: 8px;}
.radio-flex > .radio-wrap:first-of-type {margin-left: 0;}

.switch-field {display: flex; overflow: hidden; position:relative;}
.switch-field input {position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden;}
.switch-field label {background-color: #fff; line-height: 1; text-align: center; padding: 9px 0; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2); transition: all 0.1s ease-in-out; width:70px;}
.switch-field label:hover {cursor: pointer;}
.switch-field input:checked + label {background-color: #123b66; color:#fff;}
.switch-field label:first-of-type {border-radius: 30px 0 0 30px;}
.switch-field label:last-of-type {border-radius: 0 30px 30px 0;}
.switch-field label:last-child {margin-right:0;}

/* input type checkbox */
.chk-st{display:inline-block;position:relative;min-width:20px;min-height:20px;line-height:18px;background:url(/images/old/icon_checkbox.png) left 2px no-repeat;vertical-align:top}
.chk-st input[type="checkbox"]{display:none;position:absolute;top:2px;left:2px;width:0;height:0;line-height:0;border:none;background:none;color:transparent}
.chk-st label{display:inline-block;padding:4px 0 2px 20px;vertical-align:top;color:var(--he-main1);}
.chk-st.on{background-position:left -70px}

.chk-wrap {min-width:8px;}
.chk-wrap.basic input[type="checkbox"] {display: inline-block; width: auto; margin-top: -2px;} /* custom이 아닌 기본 스타일 사용시 */
.chk-wrap input[type="checkbox"] {display: none;}
.chk-wrap input[type="checkbox"] + label {font-size: 13px; cursor: pointer; display: flex; align-items: center;}
.chk-wrap input[type="checkbox"] + label span {border-radius: 5px; display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; cursor: pointer; border:1px solid rgba(var(--he-gray-400-rgb), .6); background-color: var(--he-base);}
.chk-wrap input[type="checkbox"]:checked + label span {border-color: var(--he-main1); background-color: var(--he-main1); background-image: url("/static/images/icon/icon_check_white.png"); background-repeat: no-repeat; background-position: center center; background-size: 11px auto;}

.checkboxInline {display:inline-block; width:auto; margin-bottom:2px;}

.chk-flex {display: flex;}
.chk-flex > .chk-wrap {margin-left: 8px;}
.chk-flex > .chk-wrap:first-of-type {margin-left: 0;}

.chk-list {display: flex; flex-wrap: wrap;}
.chk-list li {margin-top: 8px; flex-basis: 50%;}
.chk-list li:first-of-type,
.chk-list li:nth-child(2) {margin-top: 0;}

/* 검색,조회 영역 */
.wrap-inq {float: left; display: block; height: 32px; line-height: 26px;}
.wrap-inq.type02 {float: none;}
.wrap-inq > * {display: inline-block; float: left; margin-right: 10px;}
.wrap-inq > .inq-clmn {}
.wrap-inq > .inq-clmn > .inp-wrap,
.wrap-inq > .inq-clmn > .sel-wrap {float:left;}
.inp-has-btn {position: relative; padding-right: 65px;}
.inp-has-btn .btn {position: absolute; right: 0; top: 0;}







 /* :: tab style
-----------------------------*/
.tabBtnWrap {padding: 5px 0 6px 0px;}

/* 법인카드, 세금계산서 리포트 진행건수 영역 */
.reportStatusWrap ul {display: flex; margin-top: 8px;}
.reportStatusWrap li {flex-basis: 120px; padding: 12px 12px 8px; border-radius: 8px 8px 0 0; position: relative; display: flex; align-items: center; justify-content: space-between;}
.reportStatusWrap li * {cursor: pointer;}
.reportStatusWrap li span {flex-shrink: 0;}
.reportStatusWrap li input {font-size:16px; text-align: right;}

.reportStatusWrap li:hover {background: rgba(0,0,0,.1); transition: .3s;}
.reportStatusWrap li.active {background: var(--he-base); box-shadow: inset 0px 2px var(--he-main1), inset 0px 1px 0px 1px rgba(var(--he-gray-400-rgb), .6);}
.reportStatusWrap li.active input {color: var(--he-main1); font-weight: bold;}
.reportStatusWrap li.active:after {content: ''; position: absolute; bottom: -1px; height: 1px; left: 0; right: 0; background: var(--he-base);}

/* tab style */
.tab-depth01 {position:relative; border-bottom:1px solid rgba(var(--he-gray-400-rgb), .6); border-top:1px solid rgba(var(--he-gray-400-rgb), .6);}
.tab-depth01:after {content:''; display:block; visibility:hidden; height:0; clear:both;}
.tab-depth01 > li {float:left; margin-left:15px;}
.tab-depth01 > li:first-child {margin-left:0;}
.tab-depth01 .btn-tab {display:block; font-size:13px; font-weight:bold;  padding:13px 15px;}
.tab-depth01 .on .btn-tab{border-bottom:3px solid var(--he-main1); color:var(--he-main1); padding:13px 15px 10px 15px;}

.tab-depth03 {display:inline-block;}
.tab-depth03 li {float:left; margin-left:3px;}
.tab-depth03 li:first-child {margin-left:0;}
.tab-depth03 li .btn-tab {display:block; border:1px solid rgba(var(--he-gray-400-rgb), .6); padding:8px 15px; border-radius:5px; background-color:var(--he-base);}
.tab-depth03 .on .btn-tab {color: var(--he-base); background: var(--he-main1);}



 /* :: paging style
-----------------------------*/

.pagingLst {text-align: center; padding: 20px 0;}
.pagingLst li {display: inline-block;}
.pagingLst li a,
.pagingLst li span{height: 17px; line-height: 17px; display: inline-block; padding: 0 8px;}
.pagingLst li .pagingNow {background: var(--he-main1); color: var(--he-base); display: inline-block; padding: 0 5px;}
.pagingLst li:first-child a,
.pagingLst li:last-child a {padding: 0 !important;}
.numPaging {vertical-align: top;}



 /* :: table style
-----------------------------*/

.docTitArea {padding: 0 !important; border-bottom: 1px solid rgba(var(--he-gray-400-rgb), 1) !important;}
.docTit {padding: 25px 0; text-align: center; font-size: 20px; font-weight: 600;}

.tb-wrap {display: inline-block; width: 100%; border-top:1px solid rgba(var(--he-gray-400-rgb), .6);}
.tb-wrap.type02 {border-top: 2px solid var(--he-main1);}
.tb-wrap.no-border-top {border-top: none;}
.tb-st {width: 100%; table-layout: fixed; border-bottom: 1px solid rgba(var(--he-gray-400-rgb), .6); border-right: 1px solid rgba(var(--he-gray-400-rgb), 1);}
.tb-st th,
.tb-st td {box-sizing: border-box; height: 43px; padding: 5px; background: var(--he-base); border-bottom: 1px dashed rgba(var(--he-gray-400-rgb), 1); border-left: 1px solid rgba(var(--he-gray-400-rgb), 1); text-align: left;}
.tb-st th:not(.board-th) {background: var(--he-gray-100); font-weight: 600; padding-left: 10px;}
.tb-st tr:last-child th:not(.board-th),
.tb-st tr:last-child td {border-bottom: none !important;}

.tb-st.type02 th {border-bottom: 1px solid rgba(var(--he-gray-400-rgb), 1) !important;}
.tb-st.type02 th,
.tb-st.type02 td {padding: 10px; text-align: center;}

.tb-st.type03 {table-layout: auto;}
.tb-st.type03 th,
.tb-st.type03 td {text-align: center; height: auto; padding: 8px 5px;}

.txtOnly {padding: 0 10px !important;}

/* 월간 유류대 및 운행일지 -- 우성사료 */
.tb-sectionAll {background: var(--he-base); position: relative; width: 100%;}
.tb-sectionAll.a4 {margin: 0 auto; width: 21cm; min-height: 29.7cm; padding: 15px; border: 1px solid var(--he-gray-400); box-shadow: 0 0 3px 3px var(--he-gray-100);}
.tb-section-tit {text-align:center; padding:35px 0; font-size:24px;}
.expand-btn {opacity: .7; cursor: pointer; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; border-radius: 3px; background: var(--he-gray-300); text-align: center; line-height: 30px;}
.expand-btn:hover {opacity: 1; transition: .3s;}

.tb-section {margin-top: 15px;}
.tb-section:first-of-type {margin-top: 0;}
.tb-section .tit-area {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.tb-section .bullet-tit {font-size: 14px; font-weight: 600;}

.tb-app {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 55px;}
.tb-app-left {overflow: hidden; padding-left: 10px;}
.tb-app-left > div {float: left;}
.tb-app-left .tit-inq {font-size:14px; font-weight: 600;}
.tb-app-right .approval-tb-st.type01 th {font-size:13px; width: 15px; padding: 5px; line-height: 40px; background: var(--he-gray-100);}
.tb-app-right .approval-tb-st.type01 td {width: 70px; background: var(--he-base);}
.tb-app-right .approval-tb-st.type01 .stamp td {height: 65px;}

.tb-app.tit-type {margin-bottom:0;}
.tb-app.tit-type .tb-app-left {flex-grow: 1; text-align:center; border: 1px solid var(--he-gray-400); border-right: none;}
.tb-app.tit-type .tb-section-tit {float: none; padding: 41px 0;}

.tb-section .tb-wrap {}
.tb-section .tb-wrap .tb-st {table-layout: fixed;}
.tb-section .tb-wrap thead th {height: 30px; text-align: center; background: var(--he-main1); color: var(--he-base);}
.tb-section .tb-wrap tbody tr:nth-child(even) th,
.tb-section .tb-wrap tbody tr:nth-child(even) td {background: var(--he-gray-100);}
.tb-section .tb-wrap.type01 tbody tr:nth-child(even) td {background: var(--he-base);}
.tb-section .tb-wrap tfoot th,
.tb-section .tb-wrap tfoot td {height: 32px; border-bottom: 1px dashed rgba(var(--he-gray-400-rgb),1); border-right: 1px solid rgba(var(--he-gray-400-rgb), .6); border-top: 1px solid rgba(var(--he-gray-400-rgb), .6);}
.tb-section .tb-wrap tfoot th {text-align: center; background: var(--he-gray-200);}
.tb-section .tb-wrap tfoot td {text-align: right; background: var(--he-gray-100); font-weight: bold;}
.tb-section .tb-bold {font-weight: bold; color: var(--he-blue);}
.tb-section .ellipsis {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: var(--he-gray-600);}

.js-tbChk tr.selected td {background-color: var(--he-gray-200) !important;}



.tableOuter {position: relative; clear:both; border-top:1px solid rgba(var(--he-gray-400-rgb), .6);}
.tableInnerScroll {overflow-x: auto; overflow-y: hidden;}
.tableInnerScroll table {}
.tableInnerScroll th,
.tableInnerScroll td {width:150px; padding:4px 10px;}

/* right th 고정 - 기본 고정 칼럼 2개 */
.tableOuter .thRightFixed{width: calc(100% - 100px); margin-right: 100px;}
.tableOuter .thRightFixed td {box-sizing: border-box; height: 46px; text-align: left; overflow-y: hidden;}
.tableOuter .thRightFixed .fixed {position: absolute; display: flex; align-items: center; justify-content: center;}
.tableOuter .thRightFixed .fixed.col1 {right: 0; width: 50px;}
.tableOuter .thRightFixed .fixed.col2 {right: 50px; width: 51px; border-left: 1px solid rgba(var(--he-gray-400-rgb), .6);}

/* fix 칼럼 3개일 경우 - type01*/
.tableOuter .thRightFixed.type01 {width: calc(100% - 150px); margin-right: 150px;}
.tableOuter .thRightFixed.type01 .fixed.col1 {}
.tableOuter .thRightFixed.type01 .fixed.col2 {}
.tableOuter .thRightFixed.type01 .fixed.col3 {right: 100px; width: 51px; border-left:1px solid rgba(var(--he-gray-400-rgb), .6);}

.tableOuter .thRightFixed .fixed.colFoot {right: 0; width: 100px; border-left: 1px solid rgba(var(--he-gray-400-rgb), .6); border-bottom:1px solid rgba(var(--he-gray-400-rgb), .6);}
.tableOuter .thRightFixed.type01 .fixed.colFoot {width: 151px;}
.tableOuter .thRightFixed tr:last-child th,
.tableOuter .thRightFixed tr:last-child td {height: 43px;}


/* s: 출장여비규정 이노엔 */
.tripRule-wrap {display: flex; padding: 15px 15px; background: var(--he-gray-100); border-radius: 3px; border: 1px dotted var(--he-gray-400);}
.tripRule-sec {flex: 1 1 45%;}
.tripRule-sec:first-of-type {border-right: 1px dotted rgba(var(--he-gray-400-rgb),1); padding-right: 10px;}
.tripRule-sec:last-of-type {padding-left: 10px;}
.tripRule-box {}
.tripRule-tit {color: var(--he-main1); font-weight: bold;}
.tripRule-tit i {margin-right: 3px;}
.tripRule-wrap .tb-wrap {margin-top: 8px;}
.tripRule-wrap .tb-st {table-layout: auto;}
.tripRule-wrap .tb-st.fixed {table-layout: fixed;}
.tripRule-wrap .tb-st th,
.tripRule-wrap .tb-st td {height:36px; border-bottom: 1px solid rgba(var(--he-gray-400-rgb), .6); text-align: center;}
.tripRule-wrap .tb-st thead th {border-bottom: 1px solid  rgba(var(--he-gray-400-rgb), .6);}
.tripRule-wrap .tb-st th {background: var(--he-main1); color: var(--he-base);}
.tripRule-wrap .tb-st .t-l {padding-left: 10px; line-height: 1.6;}
.tripRule-wrap .tb-st .txt-in {padding-left: 20px;}
/* e: 출장여비규정 이노엔 */


 /* :: button style
-----------------------------*/

.btn {display: inline-block; text-align: center; cursor: pointer; border-radius:3px;}
.btn.more {position: absolute; right: 20px; top: 14px; width: 15px; height: 15px; line-height: 17px; border: 1px solid var(--he-gray-400); color: var(--he-gray-600);}
.btn.comm {box-sizing: border-box; height: 32px; line-height: 32px; padding: 0 15px; vertical-align: top; transition: .3s;}
.btn.comm.big {height: 38px; line-height: 38px;}

.btn.comm.st01 {background-color: var(--he-main1); color: var(--he-base);}
.btn.comm.st01:hover {background-color: var(--he-main1-hover);}
.btn.comm.st01.iconChecked {padding: 0 15px 0 25px !important; background-image :url("/static/images/icon/icon_check_white.png"); background-repeat: no-repeat; background-position: center left 11px; background-size: 10px auto;}
.btn.comm.st01.iconSearch {padding: 0 15px 0 25px !important; background-image: url("/static/images/icon/icon_search_white.png"); background-repeat: no-repeat; background-position: center left 11px; background-size: 10px auto;}
.btn.comm.st02 {background-color: var(--he-base); box-shadow: inset 0px 0px 0px 1px var(--he-main1); color: var(--he-main1);}
.btn.comm.st02:hover {background-color: var(--he-gray-200);}
.btn.comm.st03 {background-color: var(--he-base); box-shadow: inset 0px 0px 0px 1px var(--he-gray-500); color: var(--he-gray-600);}
.btn.comm.st03:hover {background-color: var(--he-gray-300);}
.btn.comm.st04 {background-color: var(--he-tree-header); color: var(--he-base);}
.btn.comm.st04:hover {background-color: #6e728d;}
.btn.comm.st05 {background-color: var(--he-base); box-shadow: inset 0px 0px 0px 1px var(--he-red); color: var(--he-red);}
.btn.comm.st05:hover {background-color: #fef2f2;}
.btn.comm.st06 {background: var(--he-gradient2); color: #fff;}
.btn.comm.st07 {background-color: #f5f9fd; box-shadow: inset 0px 0px 0px 1px #4981b8; color: #2a6aa9;}
.btn.comm.st07:hover {background-color: #d6ebff;}
.btn.comm.st08 {background-color: #fff8f7; box-shadow: inset 0px 0px 0px 1px #e4a9ac; color: var(--he-main1);}
.btn.comm.st08:hover {background-color: #f9eeec;}

.btn.evn-st01 {width: auto; height: 30px; line-height: 30px; padding:0 13px; background: var(--he-base); border: 1px solid var(--he-main1); color: var(--he-main1); cursor: pointer; border-radius: 3px;}



 /* :: treeGrid Button style
-----------------------------*/

.treeButton {
	box-shadow:inset 0px 0px 0px 1px rgba(var(--he-gray-400-rgb), .6); border-radius:3px; display:inline-block; cursor:pointer; padding-left:28px; padding-right:10px; height:30px; line-height:30px !important;
	text-decoration:none; text-shadow:0px 1px 0px var(--he-base); background-color: rgba(var(--he-gray-400-rgb), 0.05); background-repeat:no-repeat; background-position:left 8px center; background-size: 16px auto;
}
.treeButton:hover {box-shadow: inset 0px 1px 0px 0px rgba(var(--he-gray-400-rgb), 0.3) !important; background-color: rgba(var(--he-gray-400-rgb), 0.3); transition:0.3s;}

/* 추가 */ .treeButton.treeAdd {background-image:url("/static/images/treeIcon/tree_add_icon.png");}
/* 인원추가 */ .treeButton.treeUserAdd {background-image:url("/static/images/treeIcon/tree_userAdd_icon.png");}
/* 카드추가 */ .treeButton.treeCardAdd {background-image:url("/static/images/treeIcon/tree_addCard_icon.png");}
/* 현금추가 */ .treeButton.treeInvoiceAdd {background-image:url("/static/images/treeIcon/tree_addInvoice_icon.png");}

/* 상신 */ .treeButton.treeReport {background-image:url("/static/images/treeIcon/tree_report_icon.png");}
/* 일괄상신 */ .treeButton.treeAllreport {background-image:url("/static/images/treeIcon/tree_allReport_icon.png");}
/* 리턴 */ .treeButton.treeReturn {background-image:url("/static/images/treeIcon/tree_return_icon.png");}
/* X */ .treeButton.treeCancel {background-image:url("/static/images/treeIcon/tree_cancel_icon.png");}
/* 휴지통 */ .treeButton.treeDelete {background-image:url("/static/images/treeIcon/tree_delete_icon.png");}

/* 폴더 */ .treeButton.treeFolder {background-image:url("/static/images/treeIcon/tree_folder_icon.png");}
/* 마이너스 */ .treeButton.treeMinus {background-image:url("/static/images/treeIcon/tree_minus_icon.png");}
/* 잠금 */ .treeButton.treeLock {background-image:url("/static/images/treeIcon/tree_lock_icon.png");}
/* 잠금해제 */ .treeButton.treeUnlock {background-image:url("/static/images/treeIcon/tree_unlock_icon.png");}
/* 이관 */ .treeButton.treeMove {background-image:url("/static/images/treeIcon/tree_move_icon.png");}
/* 검색 */ .treeButton.treeSearch {background-image:url("/static/images/treeIcon/tree_search_icon.png");}
/* 검색2 */ .treeButton.treeSearch2 {background-image:url("/static/images/treeIcon/tree_search_icon2.png");}
/* 업로드 */ .treeButton.treeUpload {background-image:url("/static/images/treeIcon/tree_upload_icon.png");}
/* 다운로드 */ .treeButton.treeDownload {background-image:url("/static/images/treeIcon/tree_download_icon.png");}
/* 다운로드 */ .treeButton.treeDownload2 {background-image:url("/static/images/treeIcon/tree_download_icon2.png");}
/* 등록 */ .treeButton.treeRegister {background-image:url("/static/images/treeIcon/tree_register_icon.png");}
/* 선택 */ .treeButton.treeSelect {background-image:url("/static/images/treeIcon/tree_select_icon.png");}
/* 전체선택 */ .treeButton.treeAllSelect {background-image:url("/static/images/treeIcon/tree_allSelect_icon.png");}
/* 설정 */ .treeButton.treeSetting {background-image:url("/static/images/treeIcon/tree_setting_icon.png");}
/* 링크 */ .treeButton.treeLink {background-image:url("/static/images/treeIcon/tree_link_icon.png");}
/* 첨부 */ .treeButton.treeAttach {background-image:url("/static/images/treeIcon/tree_attach_icon.png");}
/* 전송 */ .treeButton.treeSend {background-image:url("/static/images/treeIcon/tree_send_icon.png");}
/* 데이터 가져오기 */ .treeButton.treeDataBring {background-image:url("/static/images/treeIcon/tree_dataBring_icon.png");}
/* 영수증 */ .treeButton.treeReceipt {background-image:url("/static/images/treeIcon/tree_receipt_icon.png");}
/* 영수증 */ .treeButton.treeReceipt2 {background-image:url("/static/images/treeIcon/tree_receipt_icon2.png");}
/* 역분개 */ .treeButton.treeFlip {background-image:url("/static/images/treeIcon/tree_flip_icon.png");}
/* 엑셀 */ .treeButton.treeExcel {background-image:url("/static/images/icon/icon_excel.png");}
/* 마감시간 */ .treeButton.treeClock {background-image:url("/static/images/icon/icon_clock.png");}

/* 저장 */ .treeButton.treeSave {background-image:url("/static/images/treeIcon/tree_save_icon.png");  background-size: 18px auto;}
/* sap동기화 */ .treeButton.treeSap {background-image:url("/static/images/treeIcon/tree_sap_icon.png"); background-size: 20px auto;}

/* 폴더열기 */ .treeButton.treeFolderOpen {background-image:url("/static/images/treeIcon/tree_folder_open_icon.png");}
/* 폴더접기 */ .treeButton.treeFolderClose {background-image:url("/static/images/treeIcon/tree_folder_close_icon.png");}

/* 관리항목 */
.treeButton.treeBillManage {position: relative; box-shadow: inset 0px 0px 0px 1px var(--he-red); background-color: #fff2f2; background-image: url(/static/images/treeIcon/tree_checklist_icon.png); background-size: 19px auto; background-position: left 6px center;}
.treeButton.treeBillManage.complete {box-shadow:inset 0px 1px 0px 0px #cdd2da; background-color:#eaeaea;}




/* icon */
.btn > .icon {vertical-align:middle;}
.icon {display:inline-block !important;width:20px;height:20px;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px;cursor:pointer;}
.icon.refresh {background:url('/static/images/icon/icon_re.png') no-repeat center center;background-size:20px auto;}
.icon.select {background:url('/static/images/icon/icon_select.png') no-repeat center center;background-size:17px auto;}
.icon.printer {background:url('/static/images/icon/icon_printer.png') no-repeat center center;background-size:20px auto;}
.icon.excel {background:url('/static/images/icon/icon_excel.png') no-repeat center center;background-size:20px auto;}
.icon.add {background:url('/static/images/icon/icon_add.png') no-repeat center center;background-size:20px auto;}
.icon.remove {background:url('/static/images/icon/icon_remove.png') no-repeat center center;background-size:20px auto;}
.icon.submit {background:url('/static/images/icon/icon_save.png') no-repeat center center;background-size:20px auto;}
.icon.switch {background:url('/static/images/icon/icon_switch.png') no-repeat center center;background-size:20px auto;}
.icon.delete {background:url('/static/images/icon/icon_delete.png') no-repeat center center;background-size:auto 20px;}
.icon.search {background:url('/static/images/icon/icon_search_orange.png') no-repeat center center;background-size:auto 20px;}
.icon.checked {background:url("/static/images/treeIcon/tree_select_icon.png") no-repeat center center;}
.icon.holiday {background:url('/static/images/icon/icon_holiday.png') no-repeat center center;background-size:auto 20px;}
.icon.download {width:15px;height:15px;background:url('/static/images/icon/icon_download.png') no-repeat center center;background-size:auto 12px; vertical-align: middle;}


 /* :: 기타 Button style
-----------------------------*/

.textRemove {width: 26px; height: 26px; right: 0; top: 0;}

.fileBtn {width: 15px; height: auto;}
.findGW {height: 88px; overflow-y: auto; padding: 4px 0;}
.findGW > div {padding: 2px 8px;}
.findGW a:hover {text-decoration: underline;}
.gwDocBtn {width: 15px; height: 15px; margin-right: 5px;}
.detailViewBtn,
.basicBtn {display: inline-block; border-radius: 3px; background: var(--he-main1); padding: 5px 10px; color: var(--he-base) !important; margin: 0 5px;}
.detailViewBtn:hover,
.basicBtn:hover {box-shadow: inset 0 5px 30px var(--he-main1-hover);}

.receiptViewBtn {display: inline-block; width: 26px; height: 26px; border: 1px solid var(--he-main2); border-radius: 50%; vertical-align: middle; margin-left: 3px;}
.receiptViewBtn:hover {border: 1px solid var(--he-main2); background: var(--he-gray-100); transition: 0.3s;}
.receiptViewBtn img {margin-top: 6px;}
.numFileView {display: inline-block; margin-top: 3px; padding: 4px 10px; background: var(--he-main2); color: var(--he-base); border-radius: 3px;}

.businessFileBtn {cursor: pointer; position: relative;}
.businessFileBtn .fileCount {display:block; width:16px; height:16px; background:var(--he-red); position:absolute; top:-10px; right:-13px;
										 color: var(--he-base); border-radius: 50%; text-align: center; border: 2px solid var(--he-base); font-size: 10.5px;}
.scrollTopBtn {display:inline-block; position:absolute; height:22px; line-height:22px; padding:0 5px 0 20px; border:1px solid var(--he-gray-400); z-index:10;
            		background: var(--he-gray-100) url(/static/images/icon/icon_arwUp.png) no-repeat center left 5px;}
.scrollTopBtn:hover {background: var(--he-gray-200) url(/static/images/icon/icon_arwUp.png) no-repeat center left 5px; transition: 0.3s;}

/* 소득반영, 청탁방지, 선급금 아이콘 */
td.visibleItemExtraBtn {padding:0 !important; }
.iconRegisterWrap {width: 100%; height: 100%; text-align: center;}
.iconRegisterWrap .iconRegisterBtn {display: block; width: 100%; height: 100%; background:url("/static/images/icon/icon_write.png") no-repeat center center; background-size:24px 24px;}
.iconRegisterWrap .iconRegisterBtn.valueOn {background:url("/static/images/icon/icon_check_bg.png") no-repeat center center; background-size:24px 24px;}

.viewReceiptBtn {background: url(/images/old/receipt_icon.png) no-repeat left 8px center; background-size: 13px auto; padding: 0 7px 0 26px !important;}
.viewReceiptBtn .slideToggleIcon {background: url(/images/old/slide_up_icon.png) no-repeat center center; display: inline-block; width: 8px; height: 9px; background-size: 8px auto; margin-left: 2px;}
.viewReceiptBtn .slideToggleIcon.on {background: url(/images/old/slide_down_icon.png) no-repeat center top 3px; display: inline-block; width: 8px; height: 9px; background-size: 8px auto; margin-left: 2px;}

/* 전자결재 증빙/첨부 아이콘 버튼 */
.approvalAttachWrap {display: flex; align-items: center; justify-content: center; margin-top: 8px;}
.approvalAttachWrap > * {margin-right: 5px;}

.circleIconBtn {width: 26px !important; height: 26px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--he-main1); color: var(--he-main1); cursor: pointer;}
.circleIconBtn:hover {background: var(--he-main1); color: #fff; transition: .3s;}



/* tooltip show button when hover */
.hoverTooltipBtn {cursor: pointer; position: relative; -o-transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; -webkit-font-smoothing: antialiased;}
.hoverTooltipBtn .hoverTooltip {color: var(--he-base); position: absolute; top: 0; right: -20px; z-index: -1; font-size: 12px; border-radius: 15px; background: var(--he-gray-500); display: inline-block; padding: 0 10px;
											visibility:hidden; opacity:0; -o-transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.hoverTooltipBtn .hoverTooltip:before {content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--he-gray-500); position: absolute; top: 6px; left: -7px; transform: rotate(90deg);}
.hoverTooltipBtn:hover .hoverTooltip {right: 0; visibility: visible; opacity: 1; z-index: 1;}




 /* :: 툴팁 style
-----------------------------*/

/* gl계정툴팁 */
.tooltipPopupContainerWrap {display: inline-block; position: relative; position: absolute; z-index: 10;}
.tooltipPopupContainer {}
.tooltipPopupBtn {display: inline-block; width: 20px; height: 20px; border-radius: 50%; margin: 5px 0 0 6px; font-weight: 600; color: var(--he-base); font-size: 14px; text-align: center; background: var(--he-red);}
.tooltipPopupText {display: none; position: absolute; bottom: 35px; left: -10px; background: var(--he-base); width: 350px; text-align: justify; order-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.tooltipPopupText:after  {content:''; display:block; width:0; height:0; position:absolute; left:21px; bottom:-10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top:7px solid var(--he-red);}
.tooltipPopupText p {border-bottom: 1px solid rgba(var(--he-gray-400-rgb), .6) ; padding: 10px 15px;}
.tooltipPopupText div {padding: 10px 15px; max-height: 160px; overflow-y: auto;}
.tooltipPopupCloseBtn {float: right; display: inline-block; width: 16px; height: 16px; background: url("/images/old/tooltip_close.png") no-repeat; cursor: pointer;}
.tooltipPopupContainerWrap2 {display: inline-block; position: relative; position: absolute;}
.tooltipPopupContainer2 {}
.tooltipPopupText2 {display: inline-block;position: relative; bottom: -40px; left: -11px; background: var(--he-red); color: var(--he-base); width: 300px; text-align: justify; border-radius: 16px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.tooltipPopupText2:after  {content:''; position: absolute; left: 13px; top: -10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom:8px solid var(--he-red);}
.tooltipPopupText2 p {padding: 10px 15px;}
.tooltipPopupText2 div {padding: 10px 15px; max-height: 160px; overflow-y: auto;}

/* 결재 _ 영수증보기 툴팁 */
.receiptTooltipWrap {display: inline-block;}
.receiptTooltipBtn {position: relative;}
.receiptTooltip {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--he-base); text-align: justify; z-index: 10; max-height: 100%; overflow-y: auto;
						-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0px 0px 0 1000px rgba(0, 0, 0, .3); padding: 15px; border: 1px solid rgba(var(--he-gray-400-rgb), .6); border-top: 3px solid var(--he-main1);}
/* .receiptTooltip:after {content: ""; display: block; position: absolute; border: 50px solid transparent; border-bottom: 50px solid var(--he-gray-100); bottom: -55px; right: -55px; box-shadow: 0px 7px 6px -9px black; transform: rotate(135deg);} */
/* .receiptTooltip:before {content: ""; display: block; position: absolute; border: 50px solid transparent; border-top: 50px solid var(--he-gray-100); top: -55px; left: -55px; box-shadow: 0px -7px 6px -9px black; transform: rotate(135deg); z-index: 11;} */

/* 결재 _ 영수증보기 툴팁시 영수증 세금계선서 css 변경 */	
.receiptTooltipWrap .taxReceipt {background: var(--he-base); width: 100% !important;}
.approval-tb-st .taxReceipt th,
.approval-tb-st .cardReceiptWrap th {background: none;}
.approval-tb-st .taxReceipt th, .approval-tb-st .taxReceipt td,
.approval-tb-st .cardReceiptWrap th, .approval-tb-st .cardReceiptWrap td {padding:0; border:none;}
																
/* 기본 세금계산서 증빙 영수증 */
.taxReceiptWrap .taxReceipt,
.taxReceiptWrap .taxReceiptIn {border:1px solid var(--he-blue);}
.taxReceiptWrap .taxReceiptIn tr {height:32px; border-bottom:1px solid var(--he-blue);}
.taxReceiptWrap .taxReceiptIn tr th {color: var(--he-blue); text-align:center; overflow:hidden; border-right:1px solid var(--he-blue); background: var(--he-gray-100);}
.taxReceiptWrap .taxReceiptIn tr td {text-align: left; overflow: hidden; border-right: 1px solid var(--he-blue);}
.taxReceiptWrap .taxReceiptIn .bd-r {border-right:1px solid var(--he-blue) !important;}
.taxReceiptWrap .taxReceiptIn .th-bg {background: var(--he-gray-100); font-weight: bold;}

.taxReceiptWrap .taxReceiptIn tr:last-child {border-bottom: none;}
.taxReceiptWrap .taxReceiptIn tr td:last-child {border-right: none;}



/* autocomplete */
.ui-menu-item {font-size: 13px; font-family: 'Noto Sans KR', '본고딕', sans-serif; line-height: 1.8; cursor: pointer;}


/* 해상도가 아주 높을 때 출장비 작성 깨지는 부분 관련 CSS추가 2018-02-20 */
@media all and (min-width:2200px){
	
	.tableInnerScroll th,
	.tableInnerScroll td {width:260px;}
	
}

@media all and (max-width:1600px){
	
	.approvalAttachWrap a {width:22px; height:20px;}
	
}