@charset "utf-8"; /*UTF-8 문서임을 알려준다. 한글 깨짐 방지*/
@import url('/m/_inc/font-awesome5/css/all.min.css'); /* 2017.07.12 유대규: 폰트어썸 전체 적용 */

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


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

/*body, div, table, 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; }*/

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 { table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; }
/* 2022.03.29 이기현: 에디터내의 테이블에서 병합시 아래 줄의 셀이 설정된 width가 적용되지 않아 auto로 변경 */
.editor_outer table{table-layout: auto;}

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

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

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

/*말줄임 css*/
.ells { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

/* 
2015.03.23 이기현: css 변경 
2018.02.07 이기현: 위치 변경
*/
div.divPGSize { float: 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; }

/*검색조건 옆 메모사항 */
.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; }

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

/*입력용 테이블*/
table.tblInput { border: solid 2px #AAA; color: #555; }
	table.tblInput tr { height: 28px; }
	table.tblInput td { padding-left: 4px; }
	table.tblInput textarea { border: 1px solid #606060; padding: 4px; background-color: #FCFCF8; }
	table.tblInput input[type="text"], table.tblInput input[type="password"] { padding: 0 2px; }
	table.tblInput .sTit { background-color: whitesmoke; color: #000; }
	table.tblInput .sCnt { background-color: #FFF; }
	table.tblInput .required, table.tblInput td[id^="tag"] .required, td#notice .required, div#tag .required { font-weight: bold; color: #3650a4; }

/*그리드(조회 결과 리스트)*/
table.tblList { border-color: #AAA; }
	table.tblList td input[type="text"], table.tblList td input[type="password"] { padding: 0 2px; }
	table.tblList tr { height: 25px; text-align: center; }
	table.tblList th, table.tblList td { overflow: hidden; white-space: nowrap; }
	table.tblList tr th { background: #555 !important; color: #fff !important; 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 !important; }

	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: #555; }
	table.tblFind tr { height: 30px; }
	table.tblFind th, table.tblFind td { border: solid 1px #999; }
	table.tblFind td { padding-left: 4px; }
	table.tblFind input[type="text"], table.tblInput input[type="password"] { padding: 0 2px; }
	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: #555; }
	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: #555; }
	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: #EEEEDD; }*/
	table.tb th, table.tb_appr th { background-color: #E8E8E8; }
	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;}

/*form#jBoard input[type="text"] { padding: 0 2px; }*/
form#jBoard 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; }

/*버튼들*/
.btn20, .btn30, .btn40, .btn50, .btn70, .btn70_02, .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, .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 { 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: #F66; }
input[value="삭제"] { color: #EBB; }
input[value="조회"] { color: #FC6; }
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.btn70_02, 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.btn70_02:hover, A.btn100:hover, A.btn150:hover, a.btn:hover { color: #EEE; }

/*비활성화 된 버튼은 회색글자로 변경*/
.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(); }

/*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: #555; 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; }

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

/*
#frmInput button, #frmInput input[type="button"], #frmInput input[type="submit"], #frmInput input[type="reset"], #frmAdd button { padding: 0 0 3px 0; }
#frmAdd input[type="button"], #frmAdd input[type="submit"], #frmAdd input[type="reset"] { padding: 0 0 3px 0; }
*/
.btnRePrint { background-color: #7d2fa7; font-weight: bold; font-size: 11px; padding: 3px; color: #fff; border: 2px dotted #ff6a00; }

.btnDelPrint { background-color: #444; font-weight: bold; font-size: 11px; padding: 3px; color: #fff; border: 2px dotted #ff6a00; }

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

.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 수직 가운데 정렬을 위해서 사용 */

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


/*팝업창 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; }
		table.tblPop td input[type="text"] { padding: 0 2px; }

/*로딩 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.pmok_list_loading {	position: absolute;	top: 60%;	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.loadingL {position: absolute;top: 250px;left: 110px;width: 180px;height: 37px;background-image: url('/img/loading/066-S.gif');display: none;z-index: 10000;}
div.loadingR {position: absolute;top: 250px;left: 580px;width: 180px;height: 37px;background-image: url('/img/loading/066-S.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; }
div.loading_wjch { 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.loading_chgr { 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.loading_iisp { 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; }

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

.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; }
.ovr { background-color: #ECE9D8; color: black; }
.title { font-size: 14px; color: blue; font-weight: bold; }
.disab { color: buttontext; background-color: #ECE9D8; cursor: Default; }
.face { background-color: #FFF; }
.nude { padding: 0; border: none; margin: 0; background-Color: #FFF; }
.solid { border: 1px solid #ACA899; }
.dashed { border: 1px dashed #ACA899; }
.none, .noDisplay { 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 { font-family: DotumChe, 돋움체; text-align: right; padding-right: 4px; }
.num2 { font-size: 15px; font-weight: bold; }

/* 2020.12.09 이기현: letter-spacing이 -0.1인 경우 텍스트 박스내의 숫자가 제대로 보이지 않아서 변경 
	input.num { letter-spacing: -0.1px; -webkit-ime-mode: disabled; -moz-ime-mode: disabled; -ms-ime-mode: disabled; ime-mode: disabled; }
*/
input.num {letter-spacing: 0.1px; -webkit-ime-mode: disabled; -moz-ime-mode: disabled; -ms-ime-mode: disabled; ime-mode: disabled; }

.txt { font-family: Dotum, 돋움; text-align: left; padding-left: 4px; }
.b0, .b1 { border: 1px solid #ACA899; background-color: #FFF; width: 35px; height: 20px; font-size: 12px; color: blue; }
.b1 { width: 45px; }
.st { background-color: #FFF; cursor: default; text-align: center; height: 18px; font-family: DotumChe, 돋움체; }
.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; }

.code { font-family: GulimChe, 'Bitstream Vera Sans Mono', NanumGothicCoding, BatangChe; }
/*
2021.03.15 이기현: class='txt' 사용 권장
td.code { text-align: left; padding-left: 2px; }
*/

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: #DDF; padding: 1px; }
td.frmTxt { text-align: left; border: 1px solid gray; background-color: #F0F0F0; padding: 1px; padding-left: 3px; }

blink, .blink { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0.1; } }

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

input.eng, input.date { text-transform: uppercase; -webkit-ime-mode: inactive; -moz-ime-mode: disabled; -ms-ime-mode: disabled; ime-mode: disabled; }
input.kor { ime-mode: active; }

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

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

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

/*검색 결과가 없습니다 등의 메시지 표시용 클레스.*/
.noData { padding: 10px; 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: normal!important; overflow: hidden; }

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

/*경영정보 디자인*/
.List_Title_1 { padding-left: 10px; font-weight: bold; font-size: 20px; color: #fff; width: 380px; padding-top: 10px; padding-bottom: 10px; font-family: HYGothic; background-image: url('/Lists/img/title_back.png'); }

.info_title_sub { font-size: 12px; padding-bottom: 4px; }
	.info_title_sub > span:first-child { display: inline-block; background-image: url('/Lists/img/title_sub_back.png'); color: #fff; font-weight: bold; width: 100px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
	.info_title_sub > h3 { display: inline-block; width: 200px; text-align: center; font-weight: bold; margin: 0; padding: 0px 0 3px 0; border-bottom: 2px solid #444; }
	.info_title_sub > div { padding-top: 12px; float: right; }
	.info_title_sub:after { content: ''; display: block; clear: both; }

.List_Ttile_Sub { font-size: 12px; background-image: url('/Lists/img/title_sub_back.png'); float: left; color: #fff; font-weight: bold; width: 100px; text-align: center; padding-top: 5px; padding-bottom: 5px; }

.List_Ttile_Sub_data { font-size: 12px; float: left; width: 200px; text-align: center; font-weight: bold; padding-top: 5px; padding-bottom: 3px; border-bottom: 2px solid #444; }

.List_Ttile_Caption { font-size: 12px; width: 100%; text-align: right; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }

table.tblGList { font: normal 14px 굴림체; width: 100%; font-family: HYGothic; }
	table.tblGList th { background-color: #444; color: #FFF; }
	table.tblGList td { text-align: center; }

table.tblForm { font: normal 12px Dotum; }
	table.tblForm th { background-color: yellow; }
	table.tblForm td { text-align: center; }

.target_list {display: inline-block; color: blue; cursor: pointer; padding: 2px; white-space: nowrap; }
	.target_list:after { content: ', ' }
	.target_list:last-child:after { content: '' }

/* 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% - 25px); 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; }
#FB_dialog { margin: 0; padding: 0; }
	#FB_dialog iframe { width: 100%; height: 200px; margin: 0; padding: 0; }


@media screen {	/* 화면 전용 스타일 */
	/*2014.11.05 유대규: css3(그림자 효과, 라운드 테두리) 적용으로 코드 간소화*/
	/*2018.02.05 유대규: 원진은 넓이가 100% 인데 창이 작으면 틀이 깨지는것 때문에 min-width 속성 추가 */
	.nav1, .nav2, .nav3, .page_tag { width: 100%; min-width: 900px; }
	/* 넓이를 고정한다 .*/
	.nav2 { margin-bottom: 4px; }
		.nav2 .navCMD, .nav3 .nav3in { border: 1px solid #999; padding: 6px; /*box-shadow: 3px 3px 5px -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: linear-gradient(to bottom, #EEE, white 150px ); }
	/*목록박스는 그라데이션 배경(css3), 상단은 연회색(#eee), 150px 이후부터는 흰색*/

	/*2014.04.14 유대규: 페이지 권한/수정 이력 링크용 css*/
	.page_tag { margin-top: 2px; 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; }

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

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

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

/* 등록 폼의 필수 등록 요소 */
/*.essen {color: #16A2A8;border-color:black;}*/
.essen {background-color: #BFBBA8;}

/* 자동완성 내용이 가장 위로 오도록 */
.ui-autocomplete {z-index: 999999 !important}