/***********************************************************************************************************

 *

 * tr, td의 width, align은 각 화면에서 설정합니다.

 *				

 * -td : td_title, td_stitle, td_sstitle, td_data, td_bdata

 *			ex) td_title : 일반 title	

 *				td_stitle : 중소분류 title

 *				td_sstitle : 소분류 title

 *				td_data : 옅은색 data

 *				td_bdata : 진한색 data

 *

 *

 * -tr : 목록부에서만 사용(tr_head, tr1, tr2) - 정렬은 화면에서 설정

 *		tr_head : 목록부의 제목

 *		tr1 : 옅은 색의 데이터부

 *		tr2 : 진한 색의 데이터부

 *

 *

 * <<메세지처리>>

 *  message : 일반메세지

 *  err_message : 에러메세지

 *

 *

 * << input 처리부 관련 >>

 * 정렬 - 			l : left, c : center, r : right 

 * 입력구분 - 		m : 필수, o : 선택, d : disabled, n : no line

 * 문자굵기 - 		b : 굵은글씨

 * size구분 - 		100 : 입력항목이 td의 100%

 * 

 * 사용방법

 * -처리부 : in[입력구분][문자굵기][size구분][정렬] (display구분,정렬은 필수, 문자굵기,size구분은 미필)

 *			 ex) inml : 좌측정렬 입력필수항목

 *				 inoc : 가운데정렬 입력미필수항목

 *				 indr : 오른쪽정렬 disabled(readonly)된 입력항목

 *				 innl : 좌측정렬 입력line없는 항목

 *				 inob100r : 입력라인이 td의 100%인 굵은글씨 좌측정렬 미필수 항목

 *

 *	inml 		: 좌측정렬 필수항목

 *	inmc		: 가운데정렬 필수항목

 *	inmr		: 오른쪽정렬 필수항목

 *	inm100l		: 좌측정렬 너비100% 필수항목

 *	inm100c		: 가운데정렬 너비100% 필수항목

 *	inm100r		: 오른쪽정렬 너비100% 필수항목

 *	inmbl		: 좌측정렬 굵은글씨 필수항목

 *	inmbc		: 가운데정렬 굵은글씨 필수항목

 *	inmbr		: 오른쪽정렬 굵은글씨 필수항목

 *	inmb100l	: 좌측정렬 굵은글씨 너비100% 필수항목

 *	inmb100c	: 가운데정렬 굵은글씨 너비100% 필수항목

 *	inmb100r	: 좌측정렬 굵은글씨 너비100% 필수항목

 *  이외 ino~,ind~,inn~ 이 동일하게 있음.

 *

 *

 * << 버튼관련 - width는 소스에서 직접 사용 >>

 *	btn_oper : 기능버튼(목록,조회,입력,수정 등)

 * 	btn_file : 파일첨부

 * 	btn		 : 굵은글씨의 좌측정렬 버튼(cursor가 손모양)

 *	btn_key	 : 굵은글씨의 좌측정렬 버튼(cursor가 text)

 *	btn_cmd	 : 어두운 색의 처리버튼

 *

 *

 *

 ***********************************************************************************************************/



	body {

		background-image:url("../images/body_bg.gif");

		text-decoration: none ; 

		font-family: "굴림"; 

		margin-top:5px;

		margin-left:5px;

	}



	UL, OL, DL, .ball {

		text-indent:           -20px;

		margin-top:            .2em;

		margin-bottom:         .2em;

		font-size:             9pt;

	}



/******************************************

 * 링크

 ******************************************/

	a:link   { text-decoration: underline; color:#333333; font-size:9pt; }

	a:visited{ text-decoration: underline; color:#333333; font-size:9pt; }

	a:hover  { text-decoration: underline; color:#EE0000; font-size:9pt; }

	a:active { text-decoration: underline; color:#000000; font-size:9pt; }

	

	a.noline:link   { text-decoration: none; color:#333333; font-size:9pt; }

	a.noline:visited{ text-decoration: none; color:#333333; font-size:9pt; }

	a.noline:hover  { text-decoration: none; color:#EE0000; font-size:9pt; }

	a.noline:active { text-decoration: none; color:#000000; font-size:9pt; }



	.nav {padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 0px;}

	a.nav:link { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#FFFFFF; text-decoration: none; 	font-weight: bold;}

	a.nav:visited { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#FFFFFF; text-decoration: none; 	font-weight: bold;}

	a.nav:hover { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#000000; text-decoration: none; 	font-weight: bold;}

	a.nav:active { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#000000; text-decoration: none; 	font-weight: bold;}

	

	.nav2 {padding-right: 2px; padding-left: 2px; padding-top: 5px; padding-bottom: 0px; text-valign:bottom;}

	a.nav2:link { font-family:굴림,  arial, helvetica; font-size: 11px; color:#FFFFFF; text-decoration: none;}

	a.nav2:visited { font-family:굴림,  arial, helvetica; font-size: 11px; color:#FFFFFF; text-decoration: none;}

	a.nav2:hover { font-family:굴림,  arial, helvetica; font-size: 11px; color:#CCCCCC; text-decoration: none;}

	a.nav2:active { font-family:굴림,  arial, helvetica; font-size: 11px; color:#CCCCCC; text-decoration: none;}

	 

/******************************************

 * Left menu

 ******************************************/

	.leftmenu

	a.leftmenu:link { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#663300; text-decoration: none;}

	a.leftmenu:visited { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#663300; text-decoration: none;}

	a.leftmenu:hover { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#993333; text-decoration: none;	font-weight: bold; }

	a.leftmenu:active { font-family:굴림,  arial, helvetica; font-size: 9pt; color:#993333; text-decoration: none; 	font-weight: bold;}





	.hrbg {

		color:   		#CCCCCC;

	}



/******************************************

 * form

 ******************************************/

	form {

		display: inline; // to eliminate blank line between tables.

	}



/******************************************

 * 메뉴 타이틀

 ******************************************/

	.title {

		background-color:   #DDDDDD;

		font-size:          12pt;

		font-weight:        bold;

		color:              #333333;

		font-family: "굴림";

		padding-top: 5px;

		padding-right: 17px;

		padding-bottom: 3px;

		padding-left: 17px;

		text-align: left;

		border-top: 0px solid #8e8e8e;

		border-right: 0px solid #8e8e8e;

		border-bottom: 0px solid #8e8e8e;

		border-left: 5px solid #8e8e8e;

	}



/******************************************

 * 메세지

 ******************************************/

	.message

 {

		background-color:   #DDDDDD;

		font-size:          9pt;

		color:              #16709F;

		text-align:         right;

		font-family: "굴림";

		padding-right: 17px;

		padding-top: 6px;

		padding-bottom: 3px;

		padding-left: 17px;

		font-weight: bold;

	}

	

	.err_message {

		background-color:   #DDDDDD;

		font-size:          9pt;

		color:              red;

		text-align:         right;

		font-family: "굴림";

		padding-right: 17px;

		padding-top: 6px;

		padding-bottom: 3px;

		padding-left: 17px;

		font-weight: bold;

	}



/* 가로스크롤이 생기는 리스트의 제목부분에 쓰이는 div */

.div_title {

	width:100%;

	overflow-y:visible;

	overflow-x:hidden;

}

/* 가로스크롤이 생기는 리스트의 데이터부분에 쓰이는 div */

.div_data {

	width:100%;

	overflow-y:auto;

	overflow-x:scroll;

}



/******************************************

 * table

 ******************************************/

/* 데이터부 테이블 */

.tb_outbox {

	width:100%;

	background-color: #CCCCCC;

	table-layout:fixed;

}

.tb_inbox {

	width:100%;

	table-layout:fixed;

	position:relative;

}



/******************************************

 * td

 ******************************************/

	td {

		font-family: "굴림";

		font-size: 9pt;

		color: 333333;

	}



	/* 조회부 타이틀이 들어가는 td */

	.td_title {

		background-color:   #CCCCCC;

		font-size:          9pt;

		font-weight:        bold;

		color:              #000000;

		font-family: "굴림";

		height: 23px;

		padding-top: 4px;

		padding-bottom: 0px;

		padding-left: 11px;

		border-left-width: 3px;

		border-top-style: solid;

		border-right-style: solid;

		border-bottom-style: solid;

		border-left-style: solid;

		border-top-color: #8e8e8e;

		border-right-color: #8e8e8e;

		border-bottom-color: #8e8e8e;

		border-left-color: #8e8e8e;

		border-top-width: 0px;

		border-right-width: 0px;

		border-bottom-width: 0px;

	}

	.td_stitle {

		background-color:   #CCCCCC;

		font-size:          9pt;

		font-weight:        bold;

		color:              #333333;

		font-family: "굴림";

		height: 23px;

		padding-top: 4px;

		padding-left: 11px;

		padding-right: 5px;

	}

	.td_sstitle {

		background-color:   #DDDDDD;

		font-size:          9pt;

		font-weight:        bold;

		color:              #000000;

		font-family: "굴림";

		padding-left: 10px;

		padding-top: 4px;

		padding-bottom: 0px;

		height: 23px;

		padding-right: 5px;

	}



	.td_data {

		background-color:   #efefef;

		font-size:          9pt;

		font-weight:        normal;

		color:              #000000;

		vertical-align:     middle;

		font-family: "굴림";

		padding-left: 10px;

		padding-right: 5px;

		padding-top: 4px;

		padding-bottom: 0px;

		height: 23px;

	}

	.td_bdata {

		background-color:   #DDDDDD;

		font-size:          9pt;

		font-weight:        normal;

		color:              #000000;

		vertical-align:     middle;

		font-family: "굴림";

		padding-left: 10px;

		padding-right: 5px;

		padding-top: 4px;

		padding-bottom: 0px;

		height: 23px;

	}



/******************************************

 * tr 

 ******************************************/

	tr {

		font-family: "굴림";

		font-size: 9pt;

		color: 333333;

	}



	.tr_head {

		background-color:   #cccccc;

		font-size:          9pt;

		height: 23px;

		color:              #000000;

		font-weight:        bold;

		vertical-align:     middle;

	}

	.tr1 {

		background-color: #F1F1F1;

		padding-top: 2px;

		padding-bottom: 0px;

	}

	.tr2 {

		background-color: #E1E1E1;

		padding-top: 2px;

		padding-bottom: 0px;

	}





/******************************************

 * input

 ******************************************/

	input {

		font-family: "굴림체";

		font-size:9pt;

		font-weight:normal;

		color:#333333;

		padding-top: 2px;

		padding-bottom: 0px;

		margin-bottom:1px;

	}

	input.checkbox {

		font-size: 9pt;

		color: #000000; 

		padding:0 0 0 0;

	}

	input.radio {

		font-size: 9pt;

		color: #000000; 

		padding:0 0 0 0;

	}

	textarea {

		font-size: 9pt;

		color: #000000;

		line-height: 17px;

		padding:0 5 0 5;

		scrollbar-face-color: #F2F2F2;

		scrollbar-shadow-color: #B7B7B7;

		scrollbar-highlight-color: #F2F2F2;

		scrollbar-3dlight-color: #F2F2F2;

		scrollbar-darkshadow-color: #E9E9E9;

		scrollbar-track-color: #E9E9E9;

		scrollbar-arrow-color: #999999;

		overflow: auto;

	}





	/* 처리부 필수 항목 */

	.inml {

		text-align: left;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

	}

	.inmc {

		text-align: center;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

	}

	.inmr {

		text-align: right;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

	}

	.inm100l {

		text-align: left;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

	}

	.inm100c {

		text-align: center;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

	}

	.inm100r {

		text-align: right;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

	}

	.inmbl {

		text-align: left;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		font-weight:bold;

	}

	.inmbc {

		text-align: center;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		font-weight:bold;

	}

	.inmbr {

		text-align: right;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		font-weight:bold;

	}

	.inmb100l {

		text-align: left;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

		font-weight:bold;

	}

	.inmb100c {

		text-align: center;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

		font-weight:bold;

	}

	.inmb100r {

		text-align: right;

		background-position: right bottom; 

		background-image: url(../images/ico_input_edit.gif); 

		background-repeat: no-repeat;

		width:100%;

		font-weight:bold;

	}

	/* 처리부 선택 항목 */

	.inol {

		text-align: left;

	}

	.inoc {

		text-align: center;

	}

	.inor {

		text-align: right;

	}

	.ino100l {

		text-align: left;

		width:100%;

	}

	.ino100c {

		text-align: center;

		width:100%;

	}

	.ino100r {

		text-align: right;

		width:100%;

	}

	.inobl {

		text-align: left;

		font-weight:bold;

	}

	.inobc {

		text-align: center;

		font-weight:bold;

	}

	.inobr {

		text-align: right;

		font-weight:bold;

	}

	.inob100l {

		text-align: left;

		width:100%;

		font-weight:bold;

	}

	.inob100c {

		text-align: center;

		width:100%;

		font-weight:bold;

	}

	.inob100r {

		text-align: right;

		width:100%;

		font-weight:bold;

	}

	/* 처리부 readonly 항목 */

	.indl {

		text-align: left;

		color:#888888;

		background-color:#EEEEEE;

	}

	.indc {

		text-align: center;

		color:#888888;

		background-color:#EEEEEE;

	}

	.indr {

		text-align: right;

		color:#888888;

		background-color:#EEEEEE;

	}

	.ind100l {

		text-align: left;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

	}

	.ind100c {

		text-align: center;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

	}

	.ind100r {

		text-align: right;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

	}

	.indbl {

		text-align: left;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	.indbc {

		text-align: center;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	.indbr {

		text-align: right;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	.indb100l {

		text-align: left;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	.indb100c {

		text-align: center;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	.indb100r {

		text-align: right;

		width:100%;

		color:#888888;

		background-color:#EEEEEE;

		font-weight:bold;

	}

	/* 처리부 입력박스가 안보이도록 해야하는  항목 */

	.innl {

		text-align: left;

		border:0px ;

		background-color:transparent;

	}

	.innc {

		text-align: center;

		border:0px ;

		background-color:transparent;

	}

	.innr {

		text-align: right;

		border:0px ;

		background-color:transparent;

	}

	.inn100l {

		text-align: left;

		width:100%;

		border:0px ;

		background-color:transparent;

	}

	.inn100c {

		text-align: center;

		width:100%;

		border:0px ;

		background-color:transparent;

	}

	.inn100r {

		text-align: right;

		width:100%;

		border:0px ;

		background-color:transparent;

	}

	.innbl {

		text-align: left;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}

	.innbc {

		text-align: center;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}

	.innbr {

		text-align: right;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}

	.innb100l {

		text-align: left;

		width:100%;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}

	.innb100c {

		text-align: center;

		width:100%;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}

	.innb100r {

		text-align: right;

		width:100%;

		border:0px ;

		background-color:transparent;

		font-weight:bold;

	}



/******************************************

 * 버튼 - width는 각 화면에서 설정

 ******************************************/

	.btn_oper {

		font-size: 9pt;

		font-weight: normal;

		color:#333333;

		cursor:hand;

		font-family: "굴림";

		text-align: center;

	}

	.btn_file {

		font-size: 9pt;

		font-weight: normal;

		color:#333333;

		cursor:hand;

		font-family: "굴림";

		text-align: left;

		height:20px;

	}	

	.btn {

		font-size:          9pt;

		color:              #000000;

		font-weight:        bold;

		cursor:             hand;

		text-align:         left;

		vertical-align:     middle;

	}

	.btn_key {

		font-size:          9pt;

		color:              black;

		font-weight:        bold;

		cursor:             text;

		text-align:         left;

		vertical-align:     middle;

	}

	.btn_cmd {

		background-color:   #A1A1A1;

		cursor:             hand;

	}







/******************************************

 * 기타

 ******************************************/

.tab {

	font-size:          9pt;

	font-weight:        normal;

	color:              #663333;

	text-align:         left;

	font-family: "굴림";

	background-color: #E4E4E4;

	padding-top: 4px;

	padding-right: 10px;

	padding-bottom: 1px;

	padding-left: 0px;

	height: 19px;

}

.defaultTabBorder {

	font-family:굴림체;

	font-size:9pt;

	border-left: 0px solid Black;

	border-top: 1px solid Black;

	border-right: 1px solid Black;

	border-bottom: 1px solid Black;

	background-color: #CCCCCC;

	cursor : hand;

	text-align: center;

	vertical-align: text-bottom;

	width: 60px;

	height: 23px;

}

.selectTabBorder {

	font-family:굴림체;

	font-size:9pt;

	font-weight: bold;

	border-left: 0px solid Black;

	border-top: 1px solid Black;

	border-right: 1px solid Black;

	border-bottom: 0px solid Black;

	background-color: White;

	cursor : default;

	text-align: center;

	vertical-align: text-bottom;

	width: 60px;

	height: 23px;

}

.topBorder {

	font-family:굴림체;

	font-size:9pt;

	border-color: Black;

	border-style: solid;

	border-width: 0px 0px 1px 0px;

	width: 100%;

}

.tableBorder {

	font-family:굴림체;

	font-size:9pt;

	border-color: Black;

	border-style: solid;

	border-width: 0px 0px 0px 1px;

	background-color: transparent;

	padding-left: 5px;

	padding-right: 5px;

}

.iframeStyle {

	border-color: Black;

	border-style: solid;

	border-width: 1px;

	border-width: 0px 1px 1px 1px;

}