@charset "utf-8"; /*UTF-8 문서임을 알려준다. 한글 깨짐 방지*/
@import url('/_GP/Lib/font-awesome5/css/all.min.css'); /* 2017.07.12 유대규: 폰트어썸 전체 적용 */
@import url('fonts/NanumGothic/nanumgothic.css'); /* 2017.07.12 유대규: 폰트 임베딩 경로를 서버 내부로 이동(로딩속도 향상?) */
:root {
	--hd-fg-color: #EEE;	/*목록 헤더 글자색*/
	--hd-bg-color: #458;	/*목록 헤더 배경색*/
	--th-fg-color: #333;	/*입력란 헤더 글자색*/
	--th-bg-color: #CDF;	/*입력란 헤더 배경색*/
	--th-fg-req-color: #003;/*필수 입력란 헤더 글자색*/
	--th-bg-req-color: #BCE;/*필수 입력란 헤더 배경색*/
}

body { background-color: white; margin: 2px 6px; }
button { cursor: pointer; }

body, input, textarea, select, button, h2, h3, h4, h5,
.ui-widget table, .ui-widget input, .ui-widget textarea, .ui-widget select, .ui-widget button { font-size: 12px; font-family: Dotum; }
table { width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }

input, button, img { vertical-align: middle; }
	input[type="radio"], input[type="checkbox"] { vertical-align: middle; margin-top: -1px; }
/*2019.03.05 유대규: input 와 크기 맞추기 위한 스타일 정의 */
select { min-height: 20px; vertical-align: middle; }

form { padding: 0; margin: 0; }
	form > table { width: 100%; }
H2 { padding: 0; margin: 0; text-align: center; font-size: 20px; font-weight: bold; }
H3 { padding: 0; margin: 5px 0 0 0; text-align: left; font-size: 16px; font-weight: bold; }

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

/* placeholder (2018-02-06: 이기현) */
input:focus::-webkit-input-placeholder { color: transparent; }
::-webkit-input-placeholder { color: #BBB; font-size: 12px !important; font-weight: normal !important; }
:-moz-placeholder, ::-moz-placeholder { color: #BBB; opacity: 1; font-size: 12px !important; font-weight: normal !important; }
:-ms-input-placeholder { color: #BBB; font-size: 12px !important; font-weight: normal !important; }

/* 페이지 Layout ############################################################################################################################ */
.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;}

.navCMD { padding: 12px 15px 5px 5px; }
	.navCMD label { white-space: nowrap; }

div.divPGSize { float: right; height: 23px; overflow: inherit; }
	div.divPGSize > .chosen-container { margin-top: -3px; min-width: 60px }

/*말줄임 css*/
.ells {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
/*
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; }

/*검색조건 옆 메모사항 */
.note { width: 450px; border: 1px dashed #E4A001; background-color: white; text-align: left; color: #333845; padding: 4px; float: left; }
	.note div { margin-left: 1em; text-indent: -1em; }
		.note div:not(:first-child) { margin-top: 4px; }

.legend { float: left; padding: 1px; }
	.legend > span { display: inline-block; padding: 2px 3px; border: 1px solid #EEE; border-radius: 4px; min-width: 2em; text-align: center; }

/*페이징 스타일*/
#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; }

col.sTit { width: 100px }

div.float_box div#tag, div.float_box div#tag a { color: gray; font-size: 11px; }

/*입력용 테이블*/
table.tblInput { border: solid 2px #AAA; color: var(--hd-bg-color); }
	table.tblInput tr { height: 30px; }
	table.tblInput td { padding-left: 4px; }
	table.tblInput textarea { border: 1px solid #606060; padding: 4px; background-color: #FCFCF8; }
	table.tblInput .sTit, table.tblInput th { background-color: var(--th-bg-color); color: var(--th-fg-color); }
	table.tblInput .sCnt { background-color: #FFF; }
	table.tblInput th.required { background-color: var(--th-bg-req-color); }
	table.tblInput .required, table.tblInput td[id^="tag"] .required, td#notice .required, div#tag .required { font-weight: bold; color: var(--th-fg-req-color); text-shadow: 1px 1px 3px rgba(100,100,100,0.5) }

/*그리드(조회 결과 리스트)*/
table.tblList { border-color: #AAA; background: #F9F9F9; }
	table.tblList tr { height: 25px; }
	table.tblList th, table.tblList td { overflow: hidden; white-space: nowrap; }
	table.tblList th { background: var(--hd-bg-color); color: var(--hd-fg-color); border-left: solid 1px gray; }
		table.tblList th span { color: greenyellow; }

	table.tblList tr.titleLine { text-align: center; }
	table.tblList tr.selected td, table.tblList tr.selected th { background-color: yellow; }

	table.tblList tr.r1 { background: #FFF; }
	table.tblList tr.r2 { background: #EEE; }
	table.tblList tr.r1, table.tblList tr.r2 { text-align: center; height: 25px; }

	table.tblList > tbody.r:nth-child(odd) { background-color: #EEE; }
	table.tblList > tbody.r:hover td[rowspan], table.tblList > tbody.r > tr:hover td { background-color: #CFE; }

/*조회용 테이블*/
table.tblFind { border: solid 2px #A99; color: var(--hd-bg-color); }
	table.tblFind tr { height: 30px; }
	table.tblFind th, table.tblFind td { border: solid 1px #999; }
		table.tblFind th > select { border: none; background: transparent; text-align: center; font-weight: bold; }
	table.tblFind td { padding-left: 4px; }
	table.tblFind .sTit { background-color: whitesmoke; color: #000; padding-left: 10px; font-weight: normal; }
	table.tblFind .sCnt { background-color: #FFF; padding-left: 4px; }

/*항목 조회 테이블*/
table.tblView { border: 2px solid #999; color: var(--hd-bg-color); }
	table.tblView tr { height: 28px; }
	table.tblView .sTit { background-color: lightgreen; color: #FFF; font-weight: normal; }
	table.tblView .sCnt { background-color: #FFF; }


/*테이블 내 테이블(테두리 삭제) ㅁ田 -> 十 */
table.tblInner { border-width: 0; }
	table.tblInner tr:first-child > td, table.tblInner tr:first-child > th { border-top: none; }
	table.tblInner tr:last-child > td, table.tblInner tr:last-child > th { border-bottom: none; }
	table.tblInner tr > td:first-child, table.tblInner tr > th:first-child { border-left: none; }
	table.tblInner tr > td:last-child, table.tblInner tr > th:last-child { border-right: none; }

/*테이블 내 테이블*/
table.tblInside { color: var(--hd-bg-color); }
	table.tblInside tr { height: 30px; }
	table.tblInside .sTit { background-color: whitesmoke; color: #000; font-weight: normal; }
	table.tblInside .sCnt { background-color: #FFF; }

/*#######################################################################################################################*/
table.tb { background-color: #FFF; border: solid 1px #6E6E67; }
table.tb_in, table.tb_inside, table.tb_appr, table.tb_in2 { background-color: #FFF; }
	/*table.tb th, table.tb_appr th { background-color: #EED; color: #333; } 2024.01.30 김성국: 전자결재 th색상 변경 아래색상으로 - 대표님 지시*/
	table.tb th, table.tb_appr th {	background-color: #E8E8E8;	color: #333; }
	table.tb_in th, table.tb_inside th { background-color: #E8E8E8; text-align: center; }
	table.tb_in2 th { background-color: #A3AEB5; }
	table.tb textarea, table.tb_in textarea, table.tb_in2 textarea { border: 1px solid #606060; padding: 4px; background-color: #FCFCF8; }

/*#######################################################################################################################*/
table.tblFind input, table.tblFind select, table.tblFind .chosen-container,
table.tblInput input, table.tblInput select, table.tblInput .chosen-container { box-sizing: border-box; max-width: 100%; max-width: calc(100% - 2px); min-height: 20px; }
	table.tblFind input[type=radio], table.tblFind input[type=checkbox],
	table.tblInput input[type=radio], table.tblInput input[type=checkbox] { min-height: unset; margin: -1px 1px 1px 1px; }

/*#######################################################################################################################*/
/*
table.tblFind input[type="text"], table.tblFind input[type="password"],
table.tblInput input[type="text"], table.tblInput input[type="password"],
form#jBoard input[type="text"], form#jBoard 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.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%; max-width: calc(100% - 2px); min-height: 20px; }

/*버튼들*/
.btn20, .btn30, .btn40, .btn50, .btn70, .btn100, .btn150, .btnV50, .btnV70, .btnV100, .btnP50, .btnP70, .btnP100, .btn { margin: 1px; padding: 3px 0; border: 0; height: 19px; color: White; font-weight: bold; font-size: 12px; background-repeat: no-repeat; letter-spacing: -1px; cursor: pointer; }
.btn20 { width: 20px; }
.btn30 { width: 30px; }
.btn40 { width: 40px; }
.btn50, .btnV50, .btnP50 { width: 50px; }
.btn70, .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); }
.btn100 { background: url(/img/ico_btn100.gif); }
.btn150 { background: url(/img/ico_btn150.gif); }

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

/*아이콘이 포함된 버튼*/
.btnV50, .btnV70, .btnV100, .btnP50, .btnP70, .btnP100 { padding-left: 16px; text-align: left; }
.btn50, .btn70, .btn100 { 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); }

.btnTab { border: 0; width: 40px; height: 26px; color: white; }
input[value=등록] { color: #FEA; }
input[value=삭제] { color: #EBB; }
input[value=조회] { color: #FC6; }
input[value$=인쇄], input[value$=발행] { color: #6CF; }
input[value=저장], input[value=출하] { color: #F66; }
input[value=자세히] { color: #EEE; }
input[value=확정] { color: #FF530D; }
input[value=작업지시저장] { color: #BEEB9F; }
input[value=작성] { color: #F66; }
input[value=임시저장], input[value=보완], input[value=검토] { color: #F4C127; }
input[value=제출], input[value=접수], input[value=승인] { color: #D87D0F; }
input[value=선택] { color: #FE7138; }
/* input[type='button'], input[type='submit'] {cursor:pointer;} */

/* A 링크에 적용된 경우.. */
A.btn20, A.btn30, A.btn50, A.btn70, A.btn100, A.btn150, a.btn:link, a.btn:visited { 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.btn100:hover, A.btn150:hover, a.btn:hover { color: #EEE; }

/*비활성화 된 버튼은 회색글자로 변경*/
.btn20[disabled], .btn30[disabled], .btn50[disabled], .btn70[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(); }

/*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; background-color: var(--hd-bg-color); background-repeat: no-repeat; background-position: 2px 2px; }
	.btn:hover, a.btn:hover { color: #FFF; background-color: #36C; text-decoration: none; }
	.btn:active, a.btn:active { color: gold; padding: 5px 5px 3px 7px; }

	.btnV, .btn[value='조회'] { background-image: url('/img/ico_btnV.png'); }
	.btnS, .btn[value='저장'] { background-image: url('/img/ico_btnS.png'); }
	.btnP, .btn[value$='발행'], .btn[value$='인쇄'] { background-image: url('/img/ico_btnP.png'); }
	.btnF, .btn[value='찾기'], .btn[value='검색'] { background-image: url('/img/ico_btnF.png'); }
	.btnE, .btn[value*='엑셀'] { background-image: url('/img/ico_btnE.png'); color: lightgreen; }

	.btn[value='조회'], .btn[value='저장'], .btn[value='찾기'], .btn[value='검색'], .btn[value*='엑셀'], .btn[value$='발행'], .btn[value$='인쇄'], .btnV, .btnS, .btnF, .btnE, .btnP { padding-left: 14px; }
		.btn[value='조회']:active, .btn[value='저장']:active, .btn[value='찾기']:active, .btn[value='검색']:active, .btn[value*='엑셀']:active, .btn[value$='발행']:active, .btn[value$='인쇄']:active, .btnV:active, .btnS:active, .btnF:active, .btnE:active, .btnP:active { background-position: 3px; padding-left: 15px; }

	.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; }

.btnDateMove { width: 20px; min-width: 20px !important; padding: 0; }

.divListTab { padding-left: 2px; }
	.divListTab button { border: 0; min-width: 30px; max-width: 60px; background-color: #E96; color: white; border: 1px solid #444; padding: 2px 6px; font-family: '맑은 고딕', 돋움; white-space: nowrap; overflow: hidden; border-radius: 5px 5px 0 0; }
		.divListTab button.on { background-color: #FE6; color: #444 }
		/* 2017.10.30 유대규: 사용안함 */
		.divListTab button[disabled] { background-color: #eee !important; color: #666 !important; cursor: not-allowed; border-color: #999; }

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

.exchN, .exchN a, .exchN a:link, .exchN a:visited, .exchN a:active { color: gray; }
	.exchN a:hover { color: #CCC; }

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


/*전자결재 결재자 선택(EDI/win_regist_appr.asp) 내부 테이블*/
table.tblPop2 { width: 100%; border: solid 1px #BBB; border-top: solid 2px #697fbb; }

	table.tblPop2 th { background: #ecf0f7; }

	table.tblPop2 td, table.tblPop2 th { color: #4d4d4d; font-family: Dotum; border-color: #BBB; }
/*#######################################################################################################################*/

/*팝업창 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 #BBB; border-top: solid 2px #DCDCDC; }
	table.tblPop th { background: #ecf0f7; }
	table.tblPop td, table.tblPop th { color: #4d4d4d; border-color: #BBB; }

/*로딩 Bar*/
/* 2018.02.06 이기현: 로딩바 가운데로 정렬 변경 */
div.loading { 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; }
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.file_loading2 { position: absolute; top: 160px; left: 185px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: none; z-index: 10000; }
div.loading_xls { position: absolute; top: 300px; left: 290px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: none; z-index: 10000; }

/* 로딩 Bar */
/* 2018.02.06 이기현: 로딩바 가운데로 정렬 변경 */
div.loading { 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; }
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.graph_loading { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -200px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: inline-block; z-index: 10000; }
div.loading_xls { position: absolute; top: 300px; left: 290px; width: 400px; height: 50px; background-image: url('/img/loading/066.gif'); display: none; z-index: 10000; }
/*#######################################################################################################################*/

.NewPage { page-break-after: always }

.sHead { background-color: activecaption; color: #FFF; padding: 2px; font-size: 12px }

	.sHead a, .sHead a:visited { color: skyblue; }

		.sHead a:hover { color: aqua; }

.sTit { background-color: #f4f6fd; }

.sWhite { background-color: #FFF }

.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: #FFF; }

.pgtit { font-size: 15px; font-weight: bold; letter-spacing: 2px; }

.nude { padding: 0; border: none; margin: 0; background-Color: #FFF; }

.solid { border: 1px solid #ACA899; }

.dashed { border: 1px dashed #ACA899; }

.none { border: none; }

input.none { border: solid 1px transparent }

.c1 { border: 0; background-color: #FFF; 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: #FFF; 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; letter-spacing: 0.1px;}

.num2 { font-size: 15px; font-weight: bold; }

input.num_htc { behavior: url(/img/num.htc); }

.code { font-family: GulimChe, 'Bitstream Vera Sans Mono', NanumGothicCoding, BatangChe !important; }

td.code { text-align: left; padding-left: 2px; }

.txt, .txtS { font-family: GulimChe, 굴림체; text-align: left; padding-left: 3px }

.numS, .txtS { background-color: yellow; color: red; }

.b0, .b1 { border: 1px solid #ACA899; background-color: #FFF; width: 35px; height: 20px; color: blue; }

.b1 { width: 45px; }

.st { background-color: #FFF; 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; }

.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; }

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; }
.ctr {text-align: center;}

blink, .blink { animation: blinker 1s linear infinite; }

@keyframes blinker {
	50% { opacity: 0.1; }
}

.noDisplay { display: none }

.date { width: 80px; text-align: center; }

.month { width: 80px; text-align: center; }

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

.kor { ime-mode: active; }

td.leftAlign { text-align: left; padding-left: 3px; }

td.rightAlign { text-align: right; padding-right: 3px; }

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

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

/*바코드용*/
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: 4px; color: Gray; text-align: center; }

/* float 개체의 공간을 인식하도록 해주기위해 float개채를 감싸는 개체에 해당 속성을 적용 */
.float_box:after { content: ''; display: block; 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; }

#vBut { width: 100%; height: 25px; cursor: default; }
#mainT { display: none }
#TableBody { width: 100%; background-color: #ACA899; }

.if_file { width: 99%; height: 23px; overflow: hidden; border: none; padding: 0; margin: 0; margin-bottom: -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: '' }

option.added, li.added { color: red; }

/* 2019.03.21 유대규: 파일 업로드용 개체 */
.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 2px; 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% - 45px); 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% - 100px); min-height: 18px; white-space: nowrap; overflow: hidden; margin-right: 2px; }
		.file_box.one_box li:hover { background: none; }
	.file_box.one_boxxx li > a { width: unset; }
	.file_box.one_box > button.btn { margin-top: 2px; }
#FB_dialog { margin: 0; padding: 0; }
	#FB_dialog iframe { width: 100%; height: 200px; margin: 0; padding: 0; }

#divDrop { border: 2px dotted #bbb; border-radius: 8px; padding: 20px; margin-bottom: 4px; text-align: center; font: 26px bold; color: #588C7E; background-color: #F2E394; }
	#divDrop.over { border-color: darkgreen; color: darkgreen; background-color: lightyellow; }

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

/*2015.04.01 유대규: 품번 자동완성에 필요한 클래스(로딩 이미지 등) */
.ui-autocomplete-loading { background: white url("/img/load08.gif") right center no-repeat; }
/*2015.04.01 유대규: jquery 다이얼로그의 입력컨트 자동완성이 뒤로 숨는 문제 해결*/
ul.ui-autocomplete { z-index: 101; max-height: 400px; overflow-y: auto; overflow-x: hidden; }

.ui-autocomplete .ui-menu-item { cursor: pointer; font-family: 돋움; font-size: 12px !important; white-space: nowrap; }

.ui-menu-item code { font-weight: bold; }

.ui-menu-item b { color: blue; text-decoration: underline; }

.ui-menu-item span { font-size: 11px; font-family: 돋움; color: #333; }

.autocom-item > a { display: block; }

	.autocom-item > a:hover { text-decoration: none; }

/*jquery ui dialog 에서 닫기버튼 제거할떄 사용*/
.noclose .ui-dialog-titlebar-close { display: none; }

@media screen { /* 화면 전용 스타일 */
	/*2014.11.05 유대규: css3(그림자 효과, 라운드 테두리) 적용으로 코드 간소화*/
	.nav1, .nav2, .nav3, .page_tag { width: 100%; min-width: 900px; }
	/* 넓이를 설정한다. */

	/* 페이지 Layout */
	/*.nav1 { overflow: hidden; }

		.nav1 .navTitle { float: left; color: #000; font-size: 13px; font-weight: bold; }

		.nav1 .navPath { float: right; padding-top: 3px; font-size: 11px; color: #666; margin-right: 4px; }

			.nav1 .navPath a, .nav1 .navPath a:link, .nav1 .navPath a:visited { color: #666; }

				.nav1 .navPath a:active, .nav1 .navPath a:hover { color: blue; }*/

	.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; }

			.nav2 > .navCMD label { white-space: nowrap; }

			.nav2 > .navCMD table { width: 100%; }

	/*검색박스는 연회색 배경, 상단만 라운드 테두리 */
	.nav3 > .nav3in { background: #FFF url(/img/cn_L_bg.png) repeat-x; }

		.nav3 > .nav3in > #divPG { }
	/*[IE8 호환용]목록박스는 그라데이션 배경(gif), 나머지는 흰색 배경*/
	.nav3 > .nav3in { background: linear-gradient(to bottom, #EEE, white 150px ); }
	/*목록박스는 그라데이션 배경(css3), 상단은 연회색(#eee), 150px 이후부터는 흰색*/

	/*2014.04.14 유대규: 페이지 권한/수정 이력 링크용 css*/
	.page_tag { margin-top: 1px; overflow: hidden; }

		.page_tag a, .page_tag a:link { color: transparent; font-size: 11px !important; }

			.page_tag a:hover { color: #666; font-size: 11px !important; }

	.cnt { background-color: #FFF; 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 }

	#divBody { min-height: 200px; }

	#divBody, .tblBody, .divBody { overflow: scroll; overflow-x: auto; }

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

@media screen and (max-height: 460px) {
	.page_tag { display: none; }
}

@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 { table-layout: auto; }

		.nav3 .cn_L_bg .cn_L_DIV { text-align: center; }

	#divBody { height: auto !important; min-height: initial !important; max-height: initial !important }

	.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; }

	.divHeader { margin-right: 0 !important; }

	#EDI_DOC { background-color: transparent; background-image: none; }

	body.popup { background: white; }

	.page_tag { display: none; }
}