@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 유대규: 폰트 임베딩 경로를 서버 내부로 이동(로딩속도 향상?) */
@import url('fonts/HDharmony/HDharmony.css'); /* 2021.02.19 유대규: 현대 하모니 폰트 임베딩*/

:root { 
	--hdr_bg: #C70;
	--hdr_fg: #FFF;
}

body { background-color: white; margin: 2px 6px; }
table { table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
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; }

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%; }
h1, h2, h3 { font-family: NanumGothic, 'Malgun Gothic'; font-weight: bold; }
h1 { font-size: 24px; }
h2 { font-size: 20px; padding: 0; margin: 0; text-align: center }
h3 { font-size: 16px; padding: 0; margin: 4px 0 0 0; text-align: left; }
h4 { text-align: center; margin: 0; padding: 1px; 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; }

textarea { box-sizing: border-box; resize: vertical; }
/* 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; }

.legend { float: left; padding: 2px; }
	.legend span { display: inline-block; padding: 1px 4px; border-radius: 4px; min-width: 35px; text-align: center; }

/* 목록 상단의 페이지 크기(10, 20, 50 100...) 표시칸의 정의 */
div.divPGSize { text-align: right; height: 23px; overflow: inherit; }
	div.divPGSize > .chosen-container { text-align: initial; margin-top: -3px; min-width: 50px }
.float_box > div.divPGSize { float: right; }
/*
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; }
	.divHeader > table { width: 100%; }

/*페이징 스타일*/
#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 SPAN.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 SPAN.curr { color: green; background: #EFF; }

/*즐겨찾기 버튼 */
#aFavo { color: darkgray; }
	#aFavo.on { color: darkorange; }

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

col.sTit { width: 100px }

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

/*검색 조건용 테이블..테두리: #A29292 , 제목: #FED B3CDE5 */
table.tblFind { width: 100%; color: #333; font-weight: normal; }
	table.tblFind th, table.tblFind td { height: 24px; border: 1px solid gray; padding: 2px; }
	table.tblFind td { padding-left: 4px; }
	table.tblFind th select { border: none; }
	table.tblFind .sTit, table.tblFind th, table.tblFind th select { background-color: #B3CDE5; color: #000; font-weight: bold; }
	table.tblFind .sTit { padding-left: 8px; }
	table.tblFind .sCnt { background-color: #FFF; padding-left: 4px; }

/*그리드(조회 결과 리스트) #C70 #f6a828 */
table.tblList { width: 100%; border-color: #DDD; }
	table.tblList tr.titleLine { height: 24px; }
	table.tblList .r1 { background: #FFF; }
		table.tblList .r1:hover { background: #CFF; }
	table.tblList .r2 { background: #EEE; }
		table.tblList .r2:hover { background: #CEE; }
	table.tblList tr.r1, table.tblList tr.r2 { text-align: center; height: 24px; }
	table.tblList .tr_ovr { background-color: aqua; }
	table.tblList .tr_clk { background-color: chartreuse; }
	table.tblList .tr_ovr.tr_clk { background-color: yellowgreen; }
	table.tblList thead { height: 24px; }
	table.tblList th { border-bottom: 1px solid #DDD; border-left: solid 1px #DDD; background-color: var(--hdr_bg); color: var(--hdr_fg); padding: 2px 0; white-space: nowrap; overflow: hidden; }
		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; }

/*입력용 테이블(다이얼로그 창) 테두리: #A29292 #369, 제목: #F2F1D9 #B3CDE5 FED*/
table.tblInput { border: solid 2px #A29292; color: #333; font-weight: normal; background: #FFF; }
	table.tblInput tr { height: 30px; }
	table.tblInput td { padding-left: 4px; }
	table.tblInput textarea { border: 1px solid #666; padding: 4px; background-color: #FCFCF8; }
	table.tblInput .sTit { background-color: #FED; color: #000; }
	table.tblInput .sCnt { background-color: #FFF; }
	table.tblInput .required { font-weight: bold; color: #D658A0; }
	table.tblInput .tit1 { background-color: #EEC; }

/*테이블 내 테이블*/
table.tblInside { color: #666; font-weight: normal; }
	table.tblInside > tbody > tr > th, table.tblInside > tbody > tr > td { height: 25px; }
	table.tblInside .sTit { background-color: #F2F1D9; color: #000; }
	table.tblInside .sCnt { background-color: #FFF; }

table.tb { background-color: #FFF; border: solid 1px #6E6E67; }
	table.tb th { background-color: #EEEEDD; color: #333; }

table.tb_in { background-color: #FFF; }
	table.tb_in th { background-color: #E8E8E8; }
	table.tb textarea, table.tb_in textarea { border: 1px solid #666; padding: 4px; background-color: #FCFCF8; }

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

/*
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: 0 0 0 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%; min-height: 20px; }
/*#######################################################################################################################*/


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

/*표준 버튼*/
/*2018.03.25 유대규: 새로운 버튼 정의 (상위에 적의된것들(btn50, btn70....)은 앞으로 사용하지 말자)*/
/* def #555 / #FFF */
/* hov #333 / #FFF */
.btn, a.btn, a.btn:link, a.btn:visited { border: 0; padding: 4px 6px; margin: 0.5px; height: 19px; background-color: #335; color: #FFF; font: bold 12px Dotum; line-height: 12px; display: inline-block; text-align: center; border-radius: 2px; box-sizing: border-box; letter-spacing: inherit; white-space: nowrap; vertical-align: middle; background-repeat: no-repeat; background-position: 2px 2px; cursor: pointer; }
	.btn:hover, a.btn:hover { color: #FFF; background-color: #559; text-decoration: none; box-shadow: rgba(128, 253, 253, 0.5) 0 0 0 2px; }
	.btn:active, a.btn:active { color: gold; padding: 5px 5px 3px 7px; }
	.btn:focus, a.btn:focus { box-shadow: rgba(131, 192, 253, 0.7) 0 0 0 2px; outline: #9AF }
	/*비활성화 된 버튼은 회색글자로 변경*/
	.btn[disabled], .btn[disabled]:hover, a.btn[disabled], a.btn[disabled]:hover, .btn[disabled]:active, a.btn[disabled]:active { background-color: #888; color: #EEE !important; cursor: not-allowed; filter: grayscale(); }

	.btn > img { height: 14px; vertical-align: middle; border: 0; margin: -2px 1px auto -3px; }
	
	/*특수 목적 버튼*/
	.btn[value='자세히'] { color: #EEE; }

	/*특수 목적 + 아이콘 붙은 버튼*/
	.btn[value=조회], .btn[value=저장], .btn[value=수정], .btn[value~=인쇄], .btn[value*=발행], .btn[value=찾기], .btn[value=검색], .btn[value~=닫기], .btn[value*=삭제], .btn[value=취소],
	.btn[value*=엑셀], .btn[value~=등록], .btn[value~=추가], .btn[value*=출력], .btn[value~=확정] { padding-left: 14px; min-width: 40px; }
		.btn[value=조회]:active, .btn[value=저장]:active, .btn[value=수정]:active, .btn[value~=인쇄]:active, .btn[value*=발행]:active, .btn[value=찾기]:active, .btn[value=검색]:active, .btn[value~=닫기]:active, .btn[value*=삭제]:active, .btn[value=취소]:active,
		.btn[value*=엑셀]:active, .btn[value~=등록]:active, .btn[value~=추가]:active, .btn[value*=출력]:active, .btn[value~=확정]:active { padding-left: 15px; background-position: 3px 3px; }
	.btn[value=조회] { background-image: url('/img/ico_btnV.png'); color: #FC6; }
	.btn[value=저장], .btn[value=수정] { background-image: url('/img/ico_btnS.png'); color: #F66; }
	.btn[value*=엑셀] { background-image: url('/img/ico_btnE.png?'); color: lightgreen; }
	.btn[value~=추가], .btn[value~=등록] { background-image: url('/img/ico_btnA.png'); color: coral; }
	.btn[value~=확정] { background-image: url('/img/ico_btnT.png'); color: lightcoral; }
	.btn[value~=인쇄], .btn[value*=발행], .btn[value*=출력] { background-image: url('/img/ico_btnP.png'); color: #6CF; }
	.btn[value=찾기], .btn[value=검색] { background-image: url('/img/ico_btnF.png'); }
	.btn[value~=닫기] { background-image: url('/img/ico_btnX.png'); }
	.btn[value*=삭제] { background-image: url('/img/ico_btnXX.png'); color: lightpink; }
	.btn[value=취소] { background-image: url('/img/ico_btnR.png'); }

.btnRound, .btnRound:link { display: inline-block; background: #F0F0F0; border: 1px solid gray; color: #666; height: 14px; border-radius: 8px; }
.btnRound:hover { background: lightgreen; }

a.btnHelp, a.btnHelp:link, a.btnHelp:visited { color: green!important; }

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

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

.divListTab { padding-left: 2px; margin-top: -2px; }
	.divListTab button { border: 0; background: #E96; 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: var(--hdr_bg); 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; }

.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; border-color: #BBB; }
/*#######################################################################################################################*/

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



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

.newPage, .NewPage { page-break-after: always; page-break-inside: avoid; }

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

.b { font-weight: bold; }
.ico { width: 16px; height: 16px; border: 0; }
img.ico { vertical-align: middle; }
.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; }
i.blur { font-style: normal; font-size: 0.99em; color: rgba(64, 64, 64, 0.7) }
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 }
.ctr, td.ctr { text-align: center; }
.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; }

blink, .blink { animation: blinker 1s step-end infinite; }
@keyframes blinker {
	50% { opacity: 0.2; }
}
.noDisplay { display: none }

.date, .month { width: 74px; padding: 1px 0; text-align: center; }
	.date::placeholder, ::placeholder { font-family: DotumChe; }

.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: 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: 4px; color: Gray; text-align: center; }
caption.noData { caption-side: bottom; border: 1px solid #EEE; border-top: 0; }

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

#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.08 유대규: 파일 업로드용 개체 */
.file_box { border: 1px solid #DDD; font-family: Dotum; }
.file_box, .file_box * { text-align: left; }
	.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 > 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% - 90px); 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; }

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

/*2014.11.06 유대규: jQuery Dialog 에도 그림자 효과 추가*/
.ui-dialog { box-shadow: 2px 2px 6px -1px rgba(0, 0, 0, 0.5); }
/* chosen select box 사용시 dialog창 안으로 스크롤 되는 문제 해결 */
.ui-dialog .ui-dialog-content { overflow: visible !important; }
/*.ui-dialog { overflow: inherit !important; }*/
/*.ui-dialog-content { overflow: inherit !important; }*/

/* 2020.09.02 유대규: chosen 비활성화 항목의 가독성을 높이기 위함 */
table .chosen-container.chosen-disabled { opacity: 0.8 !important; text-shadow: 0 0 1px #226 }

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

div.ui-tooltip { padding: 4px; background: rgba(250, 250, 240, 0.8) }

/*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, .page_tag a:focus { color: #666; font-size: 11px !important; }

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

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

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

	th, td { -webkit-print-color-adjust: exact; }
}