@charset "utf-8";	/*한글이 깨지는 문제 해결*/

/*2017.07.12 유대규: 기존에 all, screen, print 3개로 나누어있던 css를 1개로 통합,
	파일 갯수를 줄여 미미한 로딩속도 향상, 관리 편의성 도모,
	screen, print를 따로 include 할 일이 있다면.. 문의 바람. 다른 방법을 찾아보도록 하겠음.
*/

@import url('/_GP/Lib/font-awesome5/css/all.min.css'); /* 2017.07.12 유대규: 폰트어썸 전체 적용 */

/*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('fonts/NanumGothic/nanumgothic.css'); /* 2017.07.12 유대규: 폰트 임베딩 경로를 서버 내부로 이동(로딩속도 향상?) */


/*#ECE9D8 = buttonface */
/*#ACA899 = buttonshadow */
/*#FFFFFF = window */
body { background-color: white; margin: 2px 6px; }
form { padding: 0; margin: 0; }
	form > table { width: 100%; }
body { background-color: white; font-family: Dotum; }
body, div, button, table { font-size: 12px; }
table { table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; }
	tablex th, tablex td { padding: 0px; }
button { font-family: Dotum; cursor: pointer; }
input, textarea { font-size: 12px; font-family: Dotum; }
select { border: 1px solid #000; font-weight: normal; height: 22px; color: #444; }
option { line-height: 2em; }
td > select, td > input { max-width: 100%; }

img, input, button { vertical-align: middle; }
	input[type="radio"], input[type="checkbox"] { vertical-align: middle; margin-top: -1px; }

H2 { padding: 0; margin: 0; font-size: 20px; text-align: center; font-weight: bold; font-family: Dotum; }
H3 { padding: 0; margin: 0; margin-top: 4px; font-size: 16px; text-align: left; font-weight: bold; font-family: Dotum; }

a { text-decoration: none; }
	a:link { text-decoration: none; color: darkblue; }
	a:visited { text-decoration: none; color: navy; }
	a:active { text-decoration: underline; color: red; }
	a:hover { text-decoration: underline; color: red; }

input[readonly]:focus, input[disabled]:focus { outline: none; }

.helper { display: inline-block; height: 100%; vertical-align: middle; }
/* image 수직 가운데 정렬을 위해서 사용 */

/* chosen select box 사용시 dialog창 안으로 스크롤 되는 문제 해결 */
/*.ui-dialog .ui-dialog-content { overflow: visible !important; }*/
/*.ui-dialog { overflow: inherit !important; }*/

.ie6png { behavior: url(img/iepngfix.htc); /*IE6 에서 PNG 파일의 반투명 효과가 제대로 적용되지 않는 문제를 해결하는 fix*/ }
.nav1 { overflow: hidden; }
	.nav1 .navTitle { float: left; color: #000; font: 13px Dotum; font-weight: bold; padding:0; margin: 0; }
	.nav1 .navPath { float: right; padding-top: 3px; font: 11px Dotum; color: #666; }
		.nav1 .navPath a, .nav1 .navPath a:link, .nav1 .navPath a:visited { color: #666; }
			.nav1 .navPath a:active, .nav1 .navPath a:hover { color: blue; }

.nav2 { font-size: 12px; font-family: Dotum; }
	.nav2 select, .nav2 input, .nav2 button { font-family: Dotum; }

.navCMD { font-weight: bold; }
	.navCMD label { white-space: nowrap; }
	.navCMD table { width: 100%; }

/*말줄임 css*/
.ells { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
/* 2020.04.02 이기현: chosen이 공간이 부족한 경우 말줄임표 표시 */
div.chosen-container li.active-result {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* 
2015.03.23 이기현: css 변경 
2018.02.07 이기현: 위치 변경
*/
div.divPGSize { text-align: right; height: 23px; overflow: inherit; }
	div.divPGSize > .chosen-container { margin-top: -3px; min-width: 60px }
/*
2016.04.29 최지수: divHeader 클래스 부여
**tblHeader와 tblBody width값을 100%로 줄 경우, 스크롤 때문에 tblHeader와 tblBody의 너비가 맞지 않는 현상 개선하기 위함.
**tblHeader를 .tblHeader div로 감싼다.
2018.03.10 유대규: tblHeader -> divHeader로 이름 변경
2018.03.17 유대규: margin-right 18px 값은 브라우저와 OS 마다, 확대/축소 비율마다 다르다. comm_ui.js changeHeaderPadding() 함수에서 자동계산하여 조정된다.
.divHeader { margin-right: 18px; overflow: hidden; }
*/
.divHeader { margin-right: 18px; margin-bottom: -1px; overflow: hidden; }
.divList { overflow: scroll; overflow-x: hidden; overflow-y: scroll; }


/*페이징 스타일 #######################################################################################################################*/
/*
.pageOuter { color: Gray; font-weight: normal; font-family: '맑은 고딕', 돋움; text-align: center; }
	.pageOuter IMG { width: 22px; height: 22px; border: 0; }
	.pageOuter > div { font-size: 11px; }

	.pageOuter .pg_itms { font-size: 14px; font-weight: bold; }
		.pageOuter .pg_itms a, .pageOuter .pg_itms span { padding: 2px; vertical-align: middle; height: 18px; }
			.pageOuter .pg_itms a:hover { background-color: navy; color: yellow; border-radius: 2px; }
		.pageOuter .pg_itms .pg_cur { color: green; }

	.pageOuter .sp { padding:0!important; color: #CCCCCC; }
.divPGSize { float: right; height: 30px; padding-right: 30px; }
*/

#divPG { height: 22px; }
.pageOuter { padding-top: 2px; text-align: center; color: Gray; font-size: 11px; }
	.pageOuter A, .pageOuter SPAN { vertical-align: middle; font-size: 14px; font-weight: bold; }
	.pageOuter SPAN { color: #EEE; }
	.pageOuter IMG, .pageOuter A IMG { width: 22px; height: 22px; vertical-align: middle; }
	.pageOuter .pgs { white-space: nowrap; }
	.pageOuter .pgs A, .pageOuter .pgs .curr { padding: 1px 2px; min-width: 1.7em; display: inline-block; border-radius: 3px; border: 1px solid #EEE; margin: 0 1px; }
		.pageOuter .pgs A:hover { background-color: navy; color: yellow; }
		.pageOuter .pgs A.b { padding: 0; border: none; margin: 0; min-width: 0; }
	.pageOuter .pgs .curr { color: green; background: #EFF; }
	.pgs A[page_no] { height: 16px;}

select#pgSize { width: 70px;}
/*#######################################################################################################################*/

/*조회용 테이블..*/
table.tblFind { width: 100%; color: #555; font-weight: normal; }
	table.tblFind th, table.tblFind td { height: 24px; border: 1px solid gray; padding: 2px; }
	table.tblFind th, table.tblFind .sTit { background: #B3CDE5; color: #000; font-weight: bold; }
	table.tblFind th select { background-color: transparent; color: #000; font-weight: bold; border: none; }
	table.tblFind th select option { color: #000; }
	table.tblFind td, table.tblFind .sCnt { background: #FFFFFF; padding-left: 4px; }

/*그리드(조회 결과 리스트)*/
table.tblList { border-color: #dbdbdb; }
	table.tblList tr { height: 24px; text-align: center; }
	table.tblList th, table.tblList td { overflow: hidden; white-space: nowrap; }
	table.tblList th { background: #6F8CAE; color: #FFF; border-left: solid 1px #DDD; white-space: nowrap; overflow: hidden; }
		table.tblList th span { color: greenyellow; }

		

	table.tblList tr.r1 { background: #FFF; }
		table.tblList .r1:hover { background: #FFD; }
	table.tblList tr.r2 { background: #EEE; }
		table.tblList .r2:hover { background: #FFB; }

	table.tblList thead { height: 24px; }
		table.tblList th[rowspan] { height: auto !important }
		table.tblList th.num { padding-right: 3px; }
	table.tblList td { border-bottom: 1px solid #CCC; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		table.tblList td.sunday > input[type="text"], table.tblList td.satday > input[type="text"], table.tblList td.weekday > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0 1px 0 0; }
	table.tblList > tbody > tr.selected td, table.tblList > tbody > tr.selected th,
	table.tblList > tbody.selected td, table.tblList > tbody.selected th { background-color: #F2CB61 !important; }

	table.tblList tr.tr_ovr, table.tblList tbody.tr_ovr tr.tr_ovr { background-color: #FAE5D3; }
	table.tblList tr.tr_clk { background-color: chartreuse; }
	table.tblList tr.tr_ovr.tr_clk { background-color: yellowgreen; }

	table.tblList tbody.tr_ovr tr { background-color: #FAD7A0; }
	table.tblList tbody.tr_clk { background-color: chartreuse; }
	table.tblList tbody.tr_ovr.tr_clk { background-color: yellowgreen; }

/*입력용 테이블*/
table.tblInput { border: solid 2px #A29292; font-family: Dotum; font-size: 12px; color: #444; font-weight: normal; }
	table.tblInput tr { height: 30px; }
	table.tblInput > th, table.tblInput > td { border-right: solid 1px; }
	table.tblInput .sTit { background-color: #F2F1D9; color: #000; font-weight: normal; }
	table.tblInput .sCnt { background-color: #FFFFFF; }

	table.tblInput textareax { border: 1px solid #444; padding: 4px; background-color: #FCFCF8; }
	table.tblInputxx th input[type="text"], table.tblInput th span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputxx td input[type="text"], table.tblInput td span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInput td input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInput tr th.th_left { text-align: left !important; padding-left: 4px; }
	table.tblInput tr td.td_center { text-align: center !important; }
	table.tblInput tr td.td_right { text-align: right; padding-right: 4px; }
	table.tblInput td.leftAlign { text-align: left; padding-left: 4px; }
	table.tblInput td.rightAlign { text-align: right; padding-right: 4px; }
	table.tblInput .required { font-weight: bold; color: #D658A0; }
/*#######################################################################################################################*/

/*입력용 테이블02*/
table.tblInput02 { float: left; border-top: 2px solid #00509B; border-bottom: 1px solid #00509B; font-family: Dotum; font-size: 12px; }
	table.tblInput02 th { background: #F8F1F1; color: #000; border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; height: 24px; }
	table.tblInput02 td { padding: 2px 0 2px 4px; color: #666; border-right: 1px solid #B6B6B6; border-bottom: 1px solid #B6B6B6; }
.brNone { border-right: none !important; }
.borderBottomNone { border-bottom: none !important; }
.PaddingNone { padding: 0 !important; }
/*#######################################################################################################################*/

/*입력용 테이블(전자결재 내부용)*/
table.tblInputEdi { border: solid 2px #A29292; font-family: 굴림체, GulimChe, 굴림, Gulim, Dotum; font-size: 13px; color: #444; font-weight: normal; }
	table.tblInputEdi th, table.tblInputEdi td { height: 30px; }
	table.tblInputEdi td { padding-left: 4px; }
	table.tblInputEdi .sTit { background-color: #F2F1D9; color: #000; font-weight: normal; }
	table.tblInputEdi .sCnt { background-color: #FFFFFF; padding-left: 4px; }

	table.tblInputEdi input, table.tblInputEdi select, table.tblInputEdi textarea, table.tblInputEdi button { font-family: 굴림체, GulimChe, 굴림, Gulim, Dotum; font-size: 12px; }
	table.tblInputEdi textarea { border: 1px solid #444; padding: 4px; background-color: #FCFCF8; }
	table.tblInputEdi th input[type="text"], table.tblInputEdi th span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputEdi td input[type="text"], table.tblInputEdi td span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputEdi td input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputEdi tr th.th_left { text-align: left !important; padding-left: 4px; }
	table.tblInputEdi tr td.td_center { text-align: center !important; }
	table.tblInputEdi td.leftAlign { text-align: left; padding-left: 4px; }
	table.tblInputEdi td.rightAlign { text-align: right; padding-right: 4px; }

table.tb { background-color: #FFFFFF; border: solid 1px #6E6E67; }
table.tb_in, table.tb_inside, table.tb_appr { background-color: #FFFFFF; }
	table.tb th, table.tb_appr th { text-align: center; background-color: #EEEEDD; }
	table.tb_in th, table.tb_inside th { text-align: center; background-color: #E8E8E8; }
	table.tb textarea, table.tb_in textarea { border: 1px solid #444; padding: 4px; background-color: #FCFCF8; }
/*#######################################################################################################################*/

/*입력용 테이블(명함/주소록)*/
table.tblInputCard { font-family: Dotum; font-size: 12px; color: #444; font-weight: normal; }

	table.tblInputCard tr { height: 30px; }
	table.tblInputCard > th, table.tblInputCard > td { border-right: solid 1px; }
	table.tblInputCard td { padding-left: 4px; }
	table.tblInputCard .sTit { background-color: #F2F1D9; color: #000; font-weight: normal; }
	table.tblInputCard .sCnt { background-color: #FFFFFF; }

	table.tblInputCard textarea { border: 1px solid #444; padding: 4px; background-color: #FCFCF8; }
	table.tblInputCard th input[type="text"], table.tblInputCard th span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputCard td input[type="text"], table.tblInputCard td span > input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A2A2A2; height: 20px; padding: 0px 0px 0px 4px; }
	table.tblInputCard tr th.th_left { text-align: left !important; padding-left: 4px; }
	table.tblInputCard tr td.td_center { text-align: center !important; }
	table.tblInputCard tr td.td_right { text-align: right; padding-right: 4px; }
/*#######################################################################################################################*/

/*수불위치 팝업창 내부 테이블*/
table.tblcustPop { width: 100%; height: 100%; border-top: solid 2px #697fbb; border-bottom: solid 1px #697fbb; }
	table.tblcustPop TH { background: #ecf0f7; border-right: 1px solid #bbb; }
	table.tblcustPop TD { text-align: left; padding: 0 0 0 10px; background: #fff; }
	table.tblcustPop TD, table.tblcustPop TH { color: #4d4d4d; font-family: Dotum; border-bottom: 1px solid #bbb; }
/*#######################################################################################################################*/

/*품목 팝업창 내부 테이블*/
table.tblPmokPop { width: 100%; height: 100%; border: solid 1px #bbbbbb; border-top: solid 2px #697fbb; }
	table.tblPmokPop TH { background: #ecf0f7; background: url(/img/pop_th_btn.gif) 0 6px no-repeat; }
	table.tblPmokPop h2 { height: 30px; color: #fff; padding: 4px 0 0 0; }
	table.tblPmokPop TD, table.tblPmokPop TH { color: #4d4d4d; font-family: Dotum; border-color: #bbbbbb; padding: 2px 0 2px 4px; }
	table.tblPmokPop .divPmokImgBar02 { background: url(/img/PmokImg_bg.gif) no-repeat; height: 315px; float: left; }
	table.tblPmokPop .dot { background: url(/img/dot.gif) repeat-x; height: 1px; }
	table.tblPmokPop .pmok { background: url(/img/PmoktitleL.gif) repeat-x 0px 4px; color: #fff; padding: 0; }
/*#######################################################################################################################*/

/*항목 조회 테이블..*/
table.tblView { font-family: Dotum; font-size: 12px; color: #444; font-weight: normal; }
	table.tblView > tbody > tr > th, table.tblView > tbody > tr > td { height: 30px; }
	table.tblView .sTit { background-color: #F2F1D9; color: #000; font-weight: normal; }
	table.tblView .sCnt { background-color: #FFFFFF; }
	table.tblView > tbody > tr > td.leftAlign { text-align: left; padding-left: 4px; }
	table.tblView > tbody > tr > td.rightAlign { text-align: right; padding-right: 4px; }
/*#######################################################################################################################*/

/*테이블 내 테이블*/
table.tblInside { font-family: Dotum; font-size: 12px; color: #444; font-weight: normal; }
	table.tblInside > tbody > tr > th, table.tblInside > tbody > tr > td { height: 25px; }
	table.tblInside .sTit { background-color: #F2F1D9; color: #000; font-weight: normal; }
	table.tblInside .sCnt { background-color: #FFFFFF; }
	table.tblInside > tbody > tr > td.leftAlign { text-align: left; padding-left: 4px; }
	table.tblInside > tbody > tr > td.rightAlign { text-align: right; padding-right: 4px; }
/*#######################################################################################################################*/


/*2023.07.20 유대규: 테이블 헤더를 클릭했을 때 정렬 기능 */
th.GPSort, tr.GPSort > th { cursor: pointer; white-space: nowrap; position: relative; }
	tr.GPSort > th:hover, tr.GPSort > th:focus, th.GPSort:hover, th.GPSort:focus { text-shadow: 1px 1px 2px green; }
	tr.GPSort > th.asc:after, tr.GPSort > th.desc:after, th.GPSort.asc:after, th.GPSort.desc:after { display: block; position: absolute; top: 0; right: 0; color: rgba(165, 42, 42, 0.4); font-size: 1em; font-family: Arial; }
	tr.GPSort > th.asc:after, th.GPSort.asc:after { content: '▲'; }
	tr.GPSort > th.desc:after, th.GPSort.desc:after { content: '▼'; }
/*#######################################################################################################################*/


.divListTab { padding-left: 2px; margin-top: -2px; }
	.divListTab button { border: 0; background: #C0DCE8; min-width: 30px; max-width: 60px; margin: 0 -1px 0 0; border: 1px solid #444; padding: 2px 6px; font-family: '맑은 고딕', 돋움; white-space: nowrap; overflow: hidden; border-radius: 8px 8px 0 0; }
		.divListTab button.on { background-color: #6F8CAE; color: #FFF; border-bottom: 0; padding: 3px 0; margin-top: -4px; font-size: 1.2em; }
		/* 2017.10.30 유대규: 사용안함 */
		.divListTab button[disabled] { background-color: #eee !important; color: #666 !important; cursor: not-allowed; }

.btnTab { border: 0; width: 40px; height: 26px; color: white; }

table.tblFind input, table.tblFind select, table.tblFind .chosen-container,
table.tblInput input, table.tblInput select, table.tblInput .chosen-container,
table.tblList input, table.tblList select, table.tblList .chosen-container { box-sizing: border-box; max-width: 100%; min-height: 20px; }

/*버튼들*/
.btn20, .btn30, .btn40, .btn50, .btn70, .btn70_02, .btn100, .btn150, .btnV50, .btnV70, .btnV100, .btnP50, .btnP70, .btnP100, .btn { padding: 0; padding-top: 3px; border: 0; margin: 1px; height: 19px; color: White; font-weight: bold; font-family: Dotum; font-size: 12px; background-repeat: no-repeat; letter-spacing: -1px; }
.btn20 { width: 20px; }
.btn30 { width: 30px; }
.btn40 { width: 40px; }
.btn50, .btnV50, .btnP50 { width: 50px; }
.btn70, .btn70_02, .btnV70, .btnP70 { width: 70px; }
.btn100, .btnV100, .btnP100 { width: 100px; }
.btn150 { width: 150px; }

/*아이콘이 없는 버튼*/
.btn20 { background: url(/img/ico_btn20.gif); }
.btn30 { background: url(/img/ico_btn30.gif); }
.btn50 { background: url(/img/ico_btn50.gif); }
.btn70 { background: url(/img/ico_btn70.gif); }
.btn70_02 { background: url(/img/ico_btn70_02.gif); }
.btn100 { background: url(/img/ico_btn100.gif); }
.btn150 { background: url(/img/ico_btn150.gif); }

	.btn20 img, .btn30 img, .btn50 img, .btn70 img, .btn70_02 img, .btn100 img, .btn150 img, a.btn:link, a.btn:visited { width: 16px; height: 16px; vertical-align: middle; border: 0; }

/* A 링크에 적용된 경우.. */
A.btn20, A.btn30, A.btn50, A.btn70, A.btn70_02, A.btn100, A.btn150 { display: inline-block; text-align: center; padding: 0; height: 14px; padding: 3px 0 2px 0; color: White; }
	A.btn20:hover, A.btn30:hover, A.btn50:hover, A.btn70:hover, A.btn70_02:hover, A.btn100:hover, A.btn150:hover, a.btn:hover { color: #EEEEEE; }
.btn:active, a.btn:active { color: gold; padding: 5px 5px 3px 7px; }

/*비활성화 된 버튼은 회색글자로 변경*/
/*.btn20[disabled], .btn30[disabled], .btn50[disabled], .btn70[disabled], .btn70_02[disabled], .btn100[disabled], .btn150[disabled], btn[disabled], btn[disabled]:hover, a.btn[disabled], a.btn[disabled]:hover,*/
/*.btnV50[disabled], .btnV70[disabled], .btnV100[disabled], .btnP50[disabled], .btnP70[disabled], .btnP100[disabled] { color: gray !important; cursor: not-allowed; filter: grayscale(); }*/


/*아이콘이 포함된 버튼*/
.btnV50, .btnV70, .btnV100, .btnP50, .btnP70, .btnP100 { padding-left: 16px; text-align: left; cursor: pointer; }
.btnV50 { background: url(/img/ico_btnv50.gif); }
.btnV70 { background: url(/img/ico_btnv70.gif); }
.btnV100 { background: url(/img/ico_btnv100.gif); }

.btnP50 { background: url(/img/ico_btnp50.gif); }
.btnP70 { background: url(/img/ico_btnp70.gif); }
.btnP100 { background: url(/img/ico_btnp100.gif); }

input[value="등록"] { color: #FF6666; }
input[value="조회"] { color: #FFCC66; }
input[value="인쇄"] { color: #66CCFF; }
input[value="저장"] { color: #FF6666; }
input[value="자세히"] { color: #EEEEEE; }
input[value="확정"] { color: #FF530D; }
input[value="추가"] { color: #3098D9; }
input[value="수정"] { color: #FFD55A; }
input[type="button"], input[type="submit"] { cursor: pointer; }

/*
input[type=reset].btn50, input[type=reset].btn70, input[type=reset].btn70_02, input[type=reset].btn100	{color: pink}
input[id=btnSave]	{color: gold}
*/

/*2018.03.25 유대규: 새로운 버튼 정의 (상위에 적의된것들(btn50, btn70....)은 앞으로 사용하지 말자)*/
.btn, a.btn, a.btn:link, a.btn:visited { padding: 4px 6px; height: 19px; line-height: 12px; border-radius: 2px; box-sizing: border-box; margin: 1px 0; letter-spacing: inherit; white-space: nowrap; vertical-align: middle; color: #FFF; background-color: #444; background-repeat: no-repeat; background-position: 2px 2px; }
	.btn:hover, a.btn:hover { color: #FFF; background-color: #333; text-decoration: none; }

.btnV, .btn[value='조회'] { background-image: url('/img/ico_btnV.png'); padding-left: 14px; }
.btnS, .btn[value='저장'] { background-image: url('/img/ico_btnS.png'); padding-left: 16px; }
.btnP, .btn[value='인쇄'], .btn[value='발행'] { background-image: url('/img/ico_btnP.png'); padding-left: 14px; }
.btnF, .btn[value='찾기'], .btn[value='검색'] { background-image: url('/img/ico_btnF.png'); padding-left: 14px; }
.btnE, .btn[value*='엑셀'] { background-image: url('/img/ico_btnE.png'); padding-left: 14px; color: lightgreen; }
.btn > img { height: 14px; vertical-align: middle; border: 0; margin: -2px 1px auto -3px; }

/*비활성화 된 버튼은 회색글자로 변경*/
.btn[disabled], .btn[disabled]:hover, a.btn[disabled], a.btn[disabled]:hover { background-color: #888; color: #EEE !important; cursor: not-allowed; filter: grayscale(); }

.float_box > div > .btn { min-width: 50px; }

.floatL { float: left }
.floatR { float: right }

.button-new { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color: #ededed !important; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 36px; border-bottom-left-radius: 3px; text-indent: 0; border: 1px solid #dcdcdc; display: inline-block; color: #777777 !important; font-family: 돋움; font-size: 12px; font-weight: bold; font-style: normal; height: 20px; line-height: 24px; width: 50px; text-decoration: none !important; text-align: center; text-shadow: 1px 1px 0px #ffffff; }

	.button-new:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color: #dfdfdf !important; }
	.button-new:active { position: relative; top: 1px; }
/*#######################################################################################################################*/

/*팝업창 body*/
body.popup { background: url(/img/pop_outbg.gif); }

/*팝업창 main table*/
td.pop_tl { background: url(/img/pop_tl.gif) no-repeat; background-position: bottom; width: 9px; height: 9px; }
td.pop_tbg { background: url(/img/pop_tbg.gif) repeat-x; background-position: bottom; }
td.pop_tr { background: url(/img/pop_tr.gif) no-repeat; background-position: bottom; width: 9px; height: 9px; }
td.pop_lbg { background: url(/img/pop_lbg.gif); width: 9px; }
td.pop_inbg { background: url(/img/pop_inbg.gif); }
div.pop_cnt { border: solid 1px #ececec; padding: 8px; }
td.pop_rbg { background: url(/img/pop_rbg.gif); width: 9px; }
td.pop_bl { background: url(/img/pop_bl.gif) no-repeat; width: 9px; height: 9px; }
td.pop_bbg { background: url(/img/pop_bbg.gif) repeat-x; }
td.pop_br { background: url(/img/pop_br.gif) no-repeat; width: 9px; height: 9px; }

/*팝업창 닫기버튼*/
td.pop_btn { padding-top: 10px; }
div.pop_btnbg { background: url(/img/pop_btnbg.gif); height: 30px; }
div.pop_btnl { background: url(/img/pop_btnl.gif); width: 3px; height: 30px; float: left; }

a.pop_btn { display: inline-block; font-weight: bold; color: White; background: url(/img/pop_btn.gif) no-repeat; width: 99px; height: 30px; float: right; }
	a.pop_btn:hover, a.pop_btn:active { color: yellow; background: url(/img/pop_btn_hover.gif) no-repeat; }

input.pop_btn { background: url(/img/pop_btn.gif) no-repeat; width: 99px; height: 30px; padding: 0; border: none; float: right; }
input.pop_btnP { background: url(/img/pop_print.gif) no-repeat center; width: 99px; height: 30px; padding: 0; border: none; float: right; }
input.pop_btnJG { background: url(/img/pop_btn_jgjj.gif) no-repeat; width: 115px; height: 30px; padding: 0; border: none; float: right; }
div.pop_btnr { background: url(/img/pop_btnr.gif); width: 3px; height: 30px; float: right; }

/*팝업창 내부 테이블*/
table.tblPop { width: 100%; height: 100%; border: solid 1px #bbbbbb; border-top: solid 2px #697fbb; }
	table.tblPop TH { background: #ecf0f7; }
	table.tblPop TD, table.tblPop TH { color: #4d4d4d; font-family: Dotum; border-color: #bbbbbb; }

/*전자결재 결재자 선택(EDI/win_regist_appr.asp) 내부 테이블*/
table.tblPop2 { width: 100%; border: solid 1px #bbbbbb; border-top: solid 2px #697fbb; }
	table.tblPop2 TH { background: #ecf0f7; }
	table.tblPop2 TD, table.tblPop2 TH { color: #4d4d4d; font-family: Dotum; border-color: #bbbbbb; }
/*#######################################################################################################################*/

/*로딩 Bar*/
div.loading { position: absolute; top: 450px; left: 290px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: none; z-index: 10000; }
div.file_loading { position: absolute; top: 60px; left: 185px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: none; z-index: 10000; }
/*#######################################################################################################################*/

div.fullloading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0px 0px -200px;
	width: 400px;
	height: 50px;
	background-image: url('/img/loading/066.gif');
	display: none;
	z-index: 10000;
}


.if_file { width: 99%; height: 23px; overflow: hidden; border: none; padding: 0; margin: 0; margin-bottom: -3px; }

.NewPage { page-break-after: always }

.sHead { background-color: activecaption; color: #FFFFFF; padding: 2px; font-size: 12px }
	.sHead a, .sHead a:visited { color: skyblue; }
		.sHead a:hover { color: aqua; }
.sTit { background-color: #f4f6fd; }
col.sTit { width: 100px }
.sWhite { background-color: #FFFFFF }
.shadow { background-color: #ACA899; }
.ovr { background-color: #ECE9D8; color: black; }
.title { font-size: 14px; color: blue; font-weight: bold }
.disab { color: buttontext; background-color: #ECE9D8; cursor: Default; }
.face, .pgtit { background-color: #FFFFFF; }
.pgtit { font-size: 15px; font-weight: bold; letter-spacing: 2px; }
.nude { padding: 0; border: none; margin: 0; background-Color: #FFFFFF; }
.solid { border: 1px solid #ACA899; }
.dashed { border: 1px dashed #ACA899; }
.none { border: none; }
input.none { border: solid 1px transparent }
.c1 { border: 0; background-color: #FFFFFF; height: 19px; width: 340px; overflow: hidden; Filter: Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=85,FinishX=100,StartY=100,FinishY=100); text-align: left; cursor: pointer }
.c2 { border: 0; height: 100%; width: 340px; overflow: hidden; Filter: Alpha(Opacity=100,FinishOpacity=0,Style=1,StartX=85,FinishX=100,StartY=100,FinishY=100); }
.c3 { border: 0; background-color: #FFFFFF; width: 100%; overflow: hidden; text-overflow: ellipsis }

.ico { width: 16px; height: 16px; border: 0; }
.num, .num2, .numS { font-family: GulimChe, 굴림체; text-align: right; padding-right: 3px; ime-mode: disabled; }
.num2 { font-size: 15px; font-weight: bold; }
input.num_htc { behavior: url(../images/num.htc); }

.txt, .txtS { font-family: GulimChe, 굴림체; text-align: left; padding-left: 3px }
.numS, .txtS { background-color: yellow; color: red; }
.ctr { text-align: center; }
.b0, .b1 { border: 1px solid #ACA899; background-color: #FFFFFF; width: 35px; height: 20px; font-size: 12px; color: blue; }
.b1 { width: 45px; }
.st { background-color: #FFFFFF; cursor: default; text-align: center; height: 18px; font-family: GulimChe, 굴림체 }
.subt { width: 48px; height: 19px; font-weight: bold; color: blue; vertical-align: middle; margin: 1px; }
.prtB { width: 49px; height: 19px; border: 0; padding: 0; vertical-align: middle; margin: 1px; }
.cmdB, .ICN { height: 35px; }
.f12 { font-size: 12px; }
.dShadow { Filter: DropShadow(Color=white, OffX=1, OffY=1); }
.dGlow { Filter: Glow(Color=white, Strength=2) }

td.frmTitle { text-align: center; font-size: 24px; font-weight: bold; padding: 2px; border: 1px solid navy; background-color: lightgreen; color: blue; }
.frmCmdxx { text-align: right; border: 1px solid navy; }
td.frmLbl { text-align: center; border: 1px solid navy; background-color: #DDDDFF; padding: 1px }
td.frmTxt { text-align: left; border: 1px solid gray; background-color: #F0F0F0; padding: 1px; padding-left: 3px; }

.exchN { color: gray; }
tr.exchN, tr.exchN a:link { color: gray; }

blink, .blink { behavior: url(blink.htc); }
.noDisplay { display: none }

input.calendar { behavior: url(../Images/calendar.htc); ime-mode: disabled; }
input.spinbtn { behavior: url(../Images/spinbtn.htc); ime-mode: disabled; }

.date, .month, .week { width: 7em; text-align: center; }
	.date::placeholder, ::placeholder { font-family: DotumChe; }
.week { width: 6em; text-align: center; }

.eng, input.datepicker { ime-mode: disabled; text-transform: uppercase; }
.kor { ime-mode: active; }

#vBut { width: 100%; height: 25px; cursor: default; }
#mainT { display: none }

#TableBody { width: 100%; background-color: #ACA899; }
	#TableBody td.leftAlign { text-align: left; padding-left: 3px; }
	#TableBody td.rightAlign { text-align: right; padding-right: 3px; }
td.leftAlign { text-align: left; padding-left: 3px; }
td.rightAlign { text-align: right; padding-right: 3px; }

.target_list { display: inline-block; color: blue; cursor: pointer; padding: 2px; white-space: nowrap; }
	.target_list:hover { padding: 1px; border: 1px solid #CCC; padding: 1px; border-radius: 3px; text-decoration: none; color: darkgreen; }
	.target_list:after { content: ', ' }
	.target_list:last-child:after { content: '' }

#minical { background: #ECE9D8; margin: 4px; margin-top: 2px; border-top: 1px solid buttonhighlight; border-left: 1px solid buttonhighlight; border-right: 1px solid #ACA899; border-bottom: 1px solid #ACA899; width: 155px; display: none; position: absolute; z-index: 99 }
	#minical table { font-size: 13px; font-family: GulimChe, 굴림체; }

/*바코드용*/
div.bar_b { height: 100%; width: 0px; border-right: 1px solid black; float: left; }
div.bar_w { height: 100%; width: 0px; border-right: 1px solid white; float: left; }

.tag, .tag a { font-size: 11px !important; color: Gray; }

.noData { padding: 3px; color: Gray; text-align: center; }
caption.noData { caption-side: bottom; border: 1px solid #EEE; border-top: 0; }
/*검색 결과가 없습니다 등의 메시지 표시용 클레스.*/

/*2014.04.14 유대규: 페이지 권한/수정 이력 링크용 css*/
.page_tag, .page_tag.* { font-size: 11px; color: #999; }
	.page_tag a:link { color: #999; }
	.page_tag a:hover { color: #666; }

/* float 개체의 공간을 인식하도록 해주기위해 float개채를 감싸는 개체에 해당 속성을 적용 */
.float_box { zoom: 1; }
	.float_box:before, .float_box:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
	.float_box:after { clear: both; }

.floatL { float: left }
.floatR { float: right }

.nowrap, .ellipsis { white-space: nowrap; word-break: break-all; overflow: hidden; }
.ellipsis { text-overflow: ellipsis; }
.wrap { white-space: initial !important; overflow: initial !important; }

/* 2019.03.08 유대규: 파일 업로드용 개체 */
.file_box { border: 1px solid #DDD; font-family: Dotum; }
	.file_box:hover { background: lightyellow; }
	.file_box > ul { display: block; list-style: none; margin: 0; padding: 0; min-height: 24px; max-height: 200px; overflow-y: auto; vertical-align: top; }
	.file_box li { display: inline-block; padding: 0; box-sizing: border-box; margin: 1px 0 1px 4px; border-radius: 3px; white-space: nowrap; min-width: 160px; max-width: 260px; width: calc(100% - 8px); }
		.file_box li:hover { background: gold; }
		.file_box li > a { display: inline-block; color: #444; width: calc(100% - 20px); line-height: 20px; overflow: hidden; vertical-align: top; }
			.file_box li > a > span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
				.file_box li > a > span:first-child { min-width: 160px; max-width: 260px; width: calc(100% - 50px); }
				.file_box li > a > span.num { width: 50px; font-size: 11px; font-family: DotumChe; }
		.file_box li > button.btn { color: pink; }
		.file_box li.folder { float: none; font-weight: bold; margin-left: 0; display: block; max-width: 100%; background: #EEE; clear: both; }
	.file_box > ul .new > a { color: blue; }
	.file_box .noData { margin-top: 4px; text-align: left; }

	.file_box.one_box { display: block; border: none; }
		.file_box.one_box ul { display: inline-block; width: calc(100% - 80px); min-height: 18px; white-space: nowrap; }
		.file_box.one_box li:hover { background: none; }
		.file_box.one_box button.btn { margin-top: 2px; }

	.file_box.no_title_box { display: block; border: none; }
		.file_box.no_title_box ul { display: inline-block; width: calc(100% - 24px); min-height: 18px; white-space: nowrap; overflow: hidden; }
		.file_box.no_title_box li { min-width: 50px; }
		.file_box.no_title_box li:hover { background: none; }
		.file_box.no_title_box li > axx { width: calc(100% - 20px); }
		.file_box.no_title_box button.btnFBOpen { margin-top: 2px; text-align: center; width: 21px; }

#FB_dialog { margin: 0; padding: 0; }
	#FB_dialog iframe { width: 100%; height: 200px; margin: 0; padding: 0; }

#divBody { min-height: 200px; }
#divBody, .tblBody, .divBody, .divList { overflow: scroll; overflow-x: auto; }
	#divBody > table, .tblBody > table, .divBody > table, .divList > table { width: 100%; }

@media screen {
	/*2014.11.05 유대규: css3(그림자 효과, 라운드 테두리) 적용으로 코드 간소화*/
	.nav1, .nav2, .nav3, .page_tag { width: 100%; min-width: 900px; }
	/* 넓이를 고정한다. */
	.nav2 { margin-bottom: 4px; }
		/*검색박스와 목록박스간 여백 확보*/
		.nav2 .navCMD, .nav3 .nav3in { border: 1px solid #999; padding: 8px; box-shadow: 2px 2px 3px -2px rgba(0, 0, 0, 0.3); }
		/* 검색박스, 결과목록 박스에 테두리, 그림자 효과*/
		.nav2 .navCMD { background: #EEE; border-radius: 5px 5px 0 0; }
	/*검색박스는 연회색 배경, 상단만 라운드 테두리 */
	.nav3 .nav3in { background: #FFF url(/img/cn_L_bg.png) repeat-x; }
	/*[IE8 호환용]목록박스는 그라데이션 배경(gif), 나머지는 흰색 배경*/
	.nav3 .nav3in { background: linear-gradient(to bottom, #EEE, white 150px ); }
	/*목록박스는 그라데이션 배경(css3), 상단은 연회색(#eee), 150px 이후부터는 흰색*/


	/*2014.04.14 유대규: 페이지 권한/수정 이력 링크용 css*/
	.page_tag { margin-top: 2px; }
		.page_tag a, .page_tag a:link { color: #fff; font-size: 11px !important; }
			.page_tag a:hover { color: #666; font-size: 11px !important; }

	.cnt { background-color: #FFFFFF; border: 0px inset; text-align: center; }
	.noView, .wmark { display: none }
	.sHead { background-color: buttonshadow; color: window; font-weight: 700; font-size: 20px }
	.scroll { height: 100%; width: 100%; overflow: auto; }
	.s_ba { border: 1px solid black }
	.jj { overflow: hidden; text-overflow: ellipsis }

	/* 2020.08.05 이기현: 아래로 변경 */
	/*.tblBody { overflow: scroll; overflow-x: hidden; }*/

	#divBody { min-height: 200px; }
	#divBody, .tblBody { overflow: scroll; overflow-x: auto; }

	/*2014.11.06 유대규: jQuery Dialog 에도 그림자 효과 추가*/
	.ui-dialog { box-shadow: 3px 3px 10px -1px rgba(0, 0, 0, 0.5); }
}

@media print {
	.cnt { background-color: white; border: none; text-align: center; }
	.noPrint, #cmd_bar, #TableHead, #TableHead td { display: none }
	.nav1, .nav2 { display: none; }
	td.pop_btn { display: none; }
	.nav3 .cn_L_bg .cn_L_DIV { text-align: center; }


	.sHead { background-color: window; color: black; font-weight: bold; font-size: 28px }
	.scroll { height: 100%; width: 100%; overflow: auto; }
	.wmark { font-size: 10px; text-align: right; }
	.nude { background-Color: white; }
	.t_layout_fix { table-layout: auto; }
	.TB_FIX_WIDTH { table-layout: auto; }


	body.popup { background: white; }

	/*2014.04.14 유대규: 페이지 권한/수정 이력 링크용 css*/
	.page_tag { display: none; }

}

/*#######################################################################################################################*/

.blink_me {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	animation-name: blinker;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.2; }
	100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.2; }
	100% { opacity: 1.0; }
}

@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.2; }
	100% { opacity: 1.0; }
}



/* chosen select box 사용시 dialog창 안으로 스크롤 되는 문제 해결 */
.ui-dialog .ui-dialog-content { overflow: visible !important; }
/*.ui-dialog { overflow: inherit !important; }*/
.ui-dialog { overflow: visible !important; }

/*2022.10.19 김경미 상태표시 css추가*/
table.tblPop td.active, span.active {color: green;text-align: left}
table.tblPop td.idle, span.idle {color: orange;text-align: left}
table.tblPop td.offline, span.offline {color: gray;text-align: left}