@charset "UTF-8"; 

/************** FROM LOGGER 2010 and TUNED for BIZSPRING SITE ***************/

/* default: tag */
BODY	 { font-family: 굴림,Gulim,Dotum, vedana; font-size: 12px; color: #666; margin: 0; padding: 0; } /* letter-spacing: -.01em; */
a	 { color: #141414; font-family: 굴림,Gulim,Dotum; text-decoration: none; cursor: pointer; line-height: 1.5; }
a: hover, a: active, a: focus, a: link { text-decoration: underline; font-family: 굴림,Gulim,Dotum; color: #141414; }

fieldset legend, hr { display: none; }
h1 { font-size: 1.2em; margin: 0 0 .2em 0; color: #333; font-family: 돋움,Dotum; letter-spacing: -.px; }
h2 { background: url(../images/icon/bu_dot03.gif) no-repeat left 5px; padding-left: 10px; font-size: 1.0em; 	margin: .5em 0 .5em 0; color: #333; font-family: Gulim, Dotum; } /*돋움*/
h3 { background: url(../images/icon/bu_dot05.gif) no-repeat left 5px; padding-left: 10px; font-size: 1.0em; 	margin: .5em 0 .1em 0; color: #444; font-family: Gulim, Dotum; color: #555;  }
blockquote { BORDER: #dcdcdc 1px solid; padding-left: 15px; padding-right: 15px; COLOR: #7d7d7d; }

ul li, ol li { 	list-style-type: none; font-weight: normal; }

img { vertical-align: middle; }
img, fieldset { 	border: 0 none; }

/*header Bar 영역*/
.heraderBar { background-color: #EEEEEE; width: 100%; height: 26px; }
.heraderBar table { width: 980px; border-spacing: 0px; border: 0px; border-collapse: collapse; white-space: nowrap; }
.heraderBar th, td { padding: 4px; }

/*Menu Bar 영역*/
.MenuBar { width: 980px; text-align: left; margin: 0 auto; padding-top: 10px }
.MenuBar table { height: 80px; border-spacing: 0px; border: 0px; border-collapse: collapse; white-space: nowrap; }
.MenuBar th, td { padding: 0px; }

/* sub title 영역 */
.subtitle { width: 980px; }
.subtitleTh { padding: 0px; background-color: #b84240; text-align: left; }
.subtitleTitle { padding: 0px 5px 10px 30px; border-bottom: #d6d6d6 solid 1px; vertical-align: bottom; }

/* Content 영역*/
.content { width: 980px; text-align: left; margin: 0 auto; line-height: 180%;  padding-top: 30px; padding-left: 0px; }
.contentRight { width: 765px; text-align: left; margin: 0 auto; line-height: 180%; padding-top: 20px; padding-left: 15px; }
.leftBox { vertical-align: top; }
.leftBox ul { padding: 20px 0 10px 0; margin: 0px; }
.leftBox li { padding: 3px 0; margin: 0px; }
.centerBox { padding: 30px; }
.centerBox table { width: 100%; }

#sumbox { padding: 0 0 40px 0; color: #704444; text-align: justify; }
#sumbox .title2 { color: #000000; FONT-WEIGHT: bold; line-height: 30px; font-size: 1.2em; font-family: 돋움,Dotum; }
#sumbox span { margin-bottom: 15px; }
	
/* footer 영역*/
.footerMenu { width: 980px; height: 20px; text-align: left; margin: auto; BORDER-BOTTOM: #a8a8a8 2px solid; BORDER-TOP: #a8a8a8 1px solid; word-spacing: 10pt; padding: 15px 20px; }
.copyright { width: 980px; text-align: left; margin: 0 auto; padding: 15px 10px 20px 10px; COLOR: #a1a1a1; font-size: 11px; font-family: "Dotum"; word-spacing: -1px; }

/* input style */
input, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
textarea { font-family: inherit; font-size: inherit; font-weight: inherit; padding: 10px; color: #666; border:1px solid #bfbebc;}
.check{ BORDER: 0PX; MARGIN:0PX; background-color:transparent; }
/* input,textarea,select { *font-size: 100%; } */
select, input { font-size: 9pt; font-family: 굴림,Gulim; vertical-align: middle; }
select { height: 19px; border: 1px solid #bfbebc; color: #666; }
.input { height: 15px; padding: 3px 0 0 3px; border: 1px solid #bfbebc; color: #666; }

/* textArea - textarea { border: #aaa 1px solid ; FONT-SIZE: 9pt; FONT-FAMILY: 돋움; COLOR: #999; BACKGROUND-COLOR: #FFF; } */

/* textStyle*/
.bullet { font-weight: bold; padding: 0 0 0 8px; 	background: url(../images/icon/fbul_01.gif) no-repeat left 5px; }
.colorInfo	 { border: 1px solid #e2e4e5; background-color: #f2f2f2; padding: 5px; }

/* Navigation  text */
#Navi { COLOR: #8a8a8a; word-spacing: -1px; float: right }
#Navi a { COLOR: #8a8a8a; }
#Navi A: hover	 { text-decoration: underline; COLOR: #; text-decoration: none; font-weight: normal; COLOR: #141414; }		
#Navi a: link, a: visited, a: active { text-decoration: none; font-weight: normal; }	
#Navi ul { 	padding: 0; 	margin: 0px }
#Navi li { 	list-style: none; padding: 0 0 0 10px; 	background: url(../images/icon/fbul_03.gif) no-repeat 0 6px; }



/*TABLE	*/
table { border-collapse: collapse; clear: both; border: none; width: 100%; }
table a { font-family: 굴림,Gulim }
table a: link { text-decoration: none; 	font-family: 굴림,Gulim }
table a: hover, a: active, a: focus { 	font-family: 굴림,Gulim; text-decoration: underline; }
.row_off 	 { background-color: #FFFFFF; }
.row_on 	 { background-color: #f6f6f6; }
.row_top { background-color: #f8f2de }


table.tableT1 { BORDER-TOP: #a8a8a8 1px solid; margin-top: 5px; margin-bottom: 5px; width: 100%; }
table.tableT1 TH	 { BORDER-BOTTOM: #a8a8a8 1px solid; TEXT-ALIGN: left; color: #464646; padding: 6px 15px; white-space: nowrap; FONT-WEIGHT: normal; background-color: #ebebeb; }
table.tableT1 TD	 { BORDER-BOTTOM: #a8a8a8 1px solid; padding: 4px 10px; background-color: #fff; WORD-BREAK: keep-all; }
table.tableT1 ul { 	padding: 0px 5px 0 0 ; 	margin: 0px; }
table.tableT1 ul li { float: left; width: 200px; }

table.tableT2 { 	border-top: 2px solid #a8a8a8; 	margin-top: 5px; margin-bottom: 5px; width: 100%; }
table.tableT2 th { 	background: #ebebeb; 	padding: 10px 0 7px 0; border-left: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; color: #464646; FONT-WEIGHT: normal; white-space: nowrap; }
table.tableT2 td { 	padding: 4px 10px; border-left: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; }
table.tableT2 th.sta { border-left: 0; } 
table.tableT2 td.sta { border-left: 0; background: #fafafa; }
table.tableT2 td.left { 	text-align: left; 	padding-left: 10px; }
table.tableT2 td ul { 	padding: 0; 	margin: 0px; }
table.tableT2 td ul li { 	list-style: none; 	padding: 0 0 0 10px; 	background: url(../images/icon/fbul_01.gif) no-repeat 0 7px; }

table.board { border-top: 2px solid #a8a8a8; 	width: 100%; }
table.board TH 		 { BORDER-BOTTOM: #a8a8a8 1px solid; BACKGROUND-COLOR: #ebebeb; padding: 6px 15px; 	TEXT-DECORATION: none; text-align: center; color: #464646; FONT-WEIGHT: bold; white-space: nowrap; }
table.board TD			 { padding: 5px 0 6px 0; BORDER-BOTTOM: #a8a8a8 1px solid; text-align: center; }
table.board TD.left { 	text-align: left; }
table.board A { color: #666; font-family: Dotum, 굴림,Gulim }

table.option { margin-top: -2px; padding: 0 11px 1px 11px; border: 4px solid #e3e3e3; width: 100%; }
table.option TH 		 { BORDER-BOTTOM: #E0E0E0 1px solid; BACKGROUND-COLOR: #F1F1F1; padding: 6px 15px; 	TEXT-DECORATION: none; text-align: left; width: 20%;  background: url('../images/icon/ico_arr03.gif') no-repeat 100% 50%; color: #5577d0; FONT-WEIGHT: normal; }
table.option TD			 { padding: 5px 10px; BORDER-BOTTOM: #E0E0E0 1px solid; }
table.option TD.left { 	text-align: left; }
table.option A { color: #666; padding: 3px 5px; font-family: Dotum, 굴림,Gulim }
table.option A: hover	 { font-weight: normal; text-decoration: underline; BACKGROUND-COLOR: #5577d0; color: #fff; FONT-WEIGHT: bold; }		
table.option a: link, a: visited, a: active { font-weight: normal; text-decoration: none; }		

/*TABLE - 주요리포트 뷰	*/
.boardP td { padding: 5px }
.boardP td.boardP_c { padding: 10px 10px 0px 0px; }
.boardP td.boardP_c2 { padding: 20px 10px 10px 30px; BORDER-top: #a8a8a8 1px dashed; }
.boardP_td { BORDER-BOTTOM: #a8a8a8 1px solid; }
#boardP_td a { color: #666;  font-family: Dotum, 굴림,Gulim }
#boardP_td a: hover, a: active, a: focus a: link { 	text-decoration: underline; }
#boardTable { BORDER-BOTTOM: #c2c2c2 1px solid; BORDER-top: #a8a8a8 2px solid;  margin-top: 10px }

/*TABLE - 후기 */
.boardLatter { BORDER-BOTTOM: #c2c2c2 1px solid; BORDER-top: #a8a8a8 2px solid;  margin-top: 10px }
.boardLatter tr { cursor: pointer; }
.boardLatter th { padding: 10px; font-size: 1.2em; 	color: #333; BORDER-top: #a8a8a8 1px solid; text-align: left }
.boardLatter td { padding: 5px; BORDER-top: #a8a8a8 1px solid; }

/*TABLE - 서비스소개서	*/
.boardD td { padding: 10px 5px 10px 13px; BORDER-bottom: #a8a8a8 1px dashed; }

.boardV td { padding: 5px }
.boardV th { padding: 10px; font-size: 1.2em; 	color: #333; }
.boardVday { text-align: right; BORDER-top: #c2c2c2 1px dashed; COLOR: #a1a1a1; font-size: 11px; font-family: "굴림,Gulim, Dotum"; }
#boardV_c3 { padding: 20px; BORDER-top: #E0E0E0 1px solid; }
#boardV_c3 a { color: #141414;  font-family: 굴림,Gulim; text-decoration: underline; }
#boardV_c3 a: hover, a: active, a: focus a: link { 	text-decoration: underline; }

/*TABLE - 이전글/다음글	*/
#boardlist { BORDER-BOTTOM: #a8a8a8 2px solid; BORDER-top: #a8a8a8 1px solid; }
#boardlist td { BORDER-BOTTOM: #a8a8a8 1px solid; padding: 3px 10px; }
#boardlist th { BORDER-BOTTOM: #a8a8a8 1px solid; BORDER-right: #a8a8a8 1px solid; COLOR: #5577d0; FONT-WEIGHT: bold; background: url('../images/icon/ico_arr03.gif') no-repeat 70px 50%; }
#boardlist a { color: #666;  font-family: Dotum, 굴림,Gulim }
#boardlist a: hover, a: active, a: focus a: link { 	text-decoration: underline; }

/* 서비스선택 테이블 */
table.tableR { 	border: 2px solid #d2c19f; 	width: 100%;  margin: 3px 0 10px 0px; }
table.tableR th { 	background: #e8e0cf; 	padding: 10px 0 7px 0; font-size: 1.2em; 	color: #7b653a; border-right: 1px solid #d2c19f; }
table.tableR td { 	border-right: 1px solid #d2c19f; }
table.tableR td.sta { border-left: 0; background: #f1f1f1; BORDER-top: #d2c19f 1px solid; text-align: center; color: #7b653a }
table.tableR td.sta2 { border-left: 0; background: #fff; BORDER-top: #d2c19f 1px solid; text-align: center; font-size: 1.2em; FONT-WEIGHT: bold; color: #7b653a;  padding: 5px 0px }
table.tableR a { COLOR: #919090; font-size: 11px; FONT-FAMILY: 굴림,Gulim; }
table.tableR A: hover	 { font-weight: normal; text-decoration: underline; color: #919090; }		
table.tableR a: link, a: visited, a: active { font-weight: normal; text-decoration: none; color: #919090; }		


table.tableR2 { 	border: 2px solid #b60000; 	width: 100%; font-size: 1.2em; color: #3d3d3d; FONT-WEIGHT: bold; }
table.tableR2 th { 	background: #f8e5e5; 	padding: 10px 0 7px 0; color: #b60000; border-right: 1px solid #d2c19f; white-space: nowrap; }
table.tableR2 td { 	padding-left: 15px; }
table.tableR2 redB { color: #3d3d3d; }

.scroll { scrollbar-face-color: #ebebeb; scrollbar-highlight-color: #ebebeb; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #cccccc; scrollbar-shadow-color: #ebebeb; scrollbar-track-color: #ebebeb; scrollbar-arrow-color: #7b653a; overflow-y: scroll; width: 98%; height: 250px; border: 1px solid #ffffff; font-size: 11px; FONT-FAMILY: 굴림,Gulim; line-height: 1.5; color: #8a8a8a; }

.select { color: #9d651f; padding-top: 2px; }
.tipbox { background-color: #f1f1f1; padding: 10px; margin: 5px 0px }


/*page list 영역*/
#page  { text-decoration: none; padding: 15px 0px; text-align: center; FONT-FAMILY: tahoma,Dotum; FONT-SIZE: 10px;  word-spacing: 8px; BORDER-top: #E0E0E0 1px solid; }
.pageSelect { FONT-WEIGHT: bold; color: #ef7e19; }
#page A { FONT-FAMILY: tahoma,Dotum; FONT-SIZE: 10px; color: #7d7d7d; }
#page A: hover	 { font-weight: normal; text-decoration: underline; color: #5577d0; }		
#page a: link, a: visited, a: active { color: #7d7d7d; text-decoration: none; font-weight: normal; }	


/* 리스트 정리*/

.postit { background-color: #FFFFF6; line-height: 160%; font-family: Dotum; font-size: 8pt; padding: 15px; border: 1px solid #AAA; margin: 10px; list-style: none; } /*  float: left;  width: 310px;  */

.list { margin: 0px 5px; 	padding: 0; }
.list ul { 	padding: 0; 	margin: 0px }
.list li { 	list-style: none; 	padding: 0 0 0 10px; 	background: url(../images/icon/fbul_01.gif) no-repeat 0 7px; }

.listS { margin: 0px 5px; 	padding: 0; COLOR: #a1a1a1; font-size: 11px; font-family: "굴림,Gulim, Dotum"; line-height: 16px; word-spacing: -1px; }
.listS ul { 	padding: 0; 	margin: 0px }
.listS li { 	list-style: none; 	padding: 0 0 0 5px; 	background: url(../images/icon/fbul_02.gif) no-repeat 0 7px; }

#tx { margin: 10px 0 35px 10px; color: #666; }
#tx ul { padding: 0; 	margin: 10px 0px }
#tx ul li { background: url(../images/icon/bu_dot04.gif) no-repeat left 7px; margin: 0 0 4px 5px; padding-left: 7px; }

/* text class*/
.contentTit { font-size: 1.5em; 	color: #41a706; 	margin: 0 0 .2em 0; color: #333; FONT-WEIGHT: bold; }
.contentTit2 { font-size: 1.2em; 	color: #41a706; 	margin: 0 0 .2em 0; color: #333; FONT-WEIGHT: bold; }
.dot	 { background-image: url(http://logger.co.kr/imagesN/default/icon_dot.gif); background-repeat: repeat-x; background-position: center center; }
.dot2	 { background-image: url(http://logger.co.kr/imagesN/default/icon_dot.gif); background-repeat: repeat-x; background-position: left 80%; }
.title { color: #333; }
.gray { COLOR: #919090; font-weight: normal; font-size: 11px; FONT-FAMILY: 굴림,Gulim }	
.graySmall	 { COLOR: #a1a1a1; font-size: 11px; font-family: Dotum,Gulim; line-height: 16px; word-spacing: -1px; }		
.graySmall A	 { COLOR: #a1a1a1; font-size: 11px; font-family: Dotum,Gulim; line-height: 16px; word-spacing: -1px; }	

.grayB	 { COLOR: #a1a1a1; font-size: 8pt; font-family: " Dotum"; word-spacing: -1px; }		
.org		 { COLOR: #ff8927; }	
.orgB		 { COLOR: #ff8927; FONT-WEIGHT: bold; }	
.red		 { COLOR: #cd3543; }	
.redB		 { COLOR: #cd3543; FONT-WEIGHT: bold; }	
.redSmall	 { COLOR: #cd3543; font-size: 11px; font-family: "굴림,Gulim, Dotum"; line-height: 16px; word-spacing: -1px; }		
.blue		 { COLOR: #5577d0; }
.blueB		 { COLOR: #5577d0; FONT-WEIGHT: bold; }
.green { color: #86a20c }
.greenB { color: #86a20c; FONT-WEIGHT: bold; }
.tahomaB { color: #4d6185; font-family: "tahoma"; font-size: 10px; }
.tahoma { color: #919090; font-family: "tahoma"; font-size: 10px; }
.tlt	 { font-size: 12px; font-weight: bold; word-spacing: -1px; color: #4493de; padding-top: 20px; padding-bottom: 10px; }


/*버튼*/ 
#btn { height: 24px; margin: 5px; position: relative; }
#btnBox { background: url(images/icon/btn03_01.gif) no-repeat 0 0; height: 24px; cursor: pointer; position: relative; }
#btnOn { background: url(images/icon/btn03_02.gif) no-repeat 0 right; height: 24px; color: #666; line-height: 210%; margin: 0 0 0 30px; padding: 0px 20px 0 0; }
#btn a { color: #666; font-family: "webfont2"; }		
#btn A: hover	 { font-weight: normal; color: #000; font-family: "webfont2"; font-size: 9pt; text-decoration: none }		
#btn a: link, a: visited, a: active { text-decoration: none; color: #666; font-family: "webfont2"; font-size: 9pt; text-decoration: none }		


/* Control Button */
.option_btn { padding: 10px; text-align: center; }
.option_btnL { padding: 10px; text-align: left; }
.option_btnR { padding: 10px; text-align: right; }
span.button,
span.button button { position: relative; margin: 0; display: -moz-inline-box; display: inline-block !important; border: 0;  !important; font: 8pt 굴림,Gulim, dotum, Sans-serif; white-space: nowrap; background: url('../images/icon/bg_btn.gif') no-repeat left top; } /* vertical-align: middle; */
span.button { padding: 0 0 0 2px; background-position: left top; margin: 0 2px 0px 2px; }
span.button button { width: auto; overflow: visible; height: 20px; *top: -1px; _top: 0; padding: 1px 5px 0 3px; *padding-top: 0; background-position: right top; cursor: pointer; letter-spacing: -1px; line-height: 22px; color: #444 }
/* Small Size */
span.button.small { background-position: 0 -30px; }
span.button.small button { height: 16px; padding: 1px 5px 0 3px; *padding-top: 0; color: #777 !important; line-height: 18px; background-position: 100% -30px; color: #444 }
/* Large Size */
span.button.large { background-position: 0 -56px; }
span.button.large button { height: 23px; *top: 0; _top: 0; padding: 1px 5px 0 3px; line-height: 23px; background-position: 100% -56px; color: #444 }
span.button.large button.t9 { font-size: 9pt; letter-spacing: 0; }
/* Small Size (height: 18px) */
span.button.small02 { background-position: 0 -89px; }
span.button.small02 button { height: 18px; padding: 2px 5px 1px 3px; *padding-top: 1px; line-height: 18px; background-position: 100% -89px; color: #444 }
/* Large Size (height: 24px) */
span.button.large02 { margin: 0; padding: 0 0 0 2px; background-position: 0 -117px; }
span.button.large02 button { width: auto; overflow: visible; height: 24px; *top: -1px; _top: 0; padding: 1px 8px 0 7px; *padding-top: 0; background-position: 100% -117px; cursor: pointer; letter-spacing: -1px; line-height: 26px; font-size: 9pt; font-weight: bold; color: #444 }
span.button.large02 button.save { color: #2c4fae !important; }
/* Large Size (Black height: 24px) */
span.button.large03 { margin: 0; padding: 0 0 0 2px; background-position: 0 -151px; }
span.button.large03 button { width: auto; overflow: visible; height: 24px; *top: -1px; _top: 0; padding: 1px 8px 0 7px; *padding-top: 0; background-position: 100% -151px; cursor: pointer; letter-spacing: -1px; line-height: 26px; font-size: 9pt; font-weight: bold; color: #FFF }

/* 라운딩 box */
.rtop, .rbottom { display: block; } 
.rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; } 
.r1 { margin: 0 5px; background: #CCCCCC } 
.r2 { margin: 0 3px; border-left: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; } 
.r3 { margin: 0 2px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } 
.r4 { margin: 0 1px; height: 2px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; } 
.box { margin: 0; padding: 5px 10px; border-left: #CCCCCC solid 1px; border-right: #CCCCCC solid 1px; font-size: 12px } 


#searchBox { text-align: right; margin-bottom: 5px; margin-top: 5px }


/*레이어 박스*/
#layerBox { background-color: #fff;  position: absolute; border: 5px solid #434343; padding: 10px; margin-top: 30px; margin-left: 100px; visibility: visible; width: 500px; height: 430px; z-index: 900; left; top; }
#layerBox table { width: 100%; }

/*레퍼런스 box*/
#reference img { BORDER: #a8a8a8 1px solid; }
#reference { COLOR: #a1a1a1; font-size: 11px; font-family: "굴림,Gulim, Dotum"; }
#reference td { padding: 5px 10px 10px 20px; }
 

 /* table입력형 */
#tableInput {}
#tableInput th {text-align:left;}
/* 테이블 버튼 이동*/
#tableT3 {border:1px solid #999; text-align:center;}
#tableT3 tr {height:50px }
#tableT3 tr td { padding:10px 0px 10px 0px; background:#f2f2f2; }
#tableT3 tr td .bullet {padding-left:20px; background:url(../images/icon/link_arrow.png) no-repeat  left ; font-weight:bold;}

/* Main 공지 text  */
.News { FONT-SIZE: 12px; COLOR: #919090; line-height:180%; padding-right:10px; }
.News A:link		{ COLOR: #919090; text-decoration: none; font-weight:normal; }
.News A:hover	{ COLOR: #000000; text-decoration: none; font-weight:normal;  }
.News A:visited	{ COLOR: #919090; text-decoration: none; font-weight:normal;  }
.News A:active	{ COLOR: #919090; text-decoration: none; font-weight:normal;  }

/* Tab형태 */
table.tab { background-color: #EEEEEE; color: #777777; margin: 0px; border: 0px; text-align:center; }
table.tab td { white-space: nowrap; border: 1px solid #AAAAAA; padding-top: 5px; cursor: hand; }
table.tab td.tabOn { background-color: white; color: #333333; font-weight: bold; border-bottom: 1px solid #FFFFFF;background-image: url(../images/bg_gradation_orange.gif); background-repeat: repeat-x; background-position: left top; }
table.tab td.tabOff { background-color: #EEEEEE; color: #777777; font-weight: normal; border-bottom: 1px solid #AAAAAA; }
table.tab td.tabVac { background-color: white; color: #333333; font-weight: bold; border-bottom: 1px solid #AAAAAA; border-top: 1px solid white; border-right: 1px solid white; }
table.tabCont { background-color: white; border-top: 0px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA;}


.gradBlueH { background-image: url(../images/bg_gradation_blue.gif); background-repeat: repeat-y; background-position: left top; }
/* Example from 2006 Logger
.gradOrangeH { background-image: url(/images/bg_gradation_orange.gif); background-repeat: repeat-y; background-position: left top;  }
.gradRedH { background-image: url(/images/bg_gradation_red.gif); background-repeat: repeat-y; background-position: left top; }
.gradBlueH { background-image: url(/images/bg_gradation_blue.gif); background-repeat: repeat-y; background-position: left top; }
.gradGreenH { background-image: url(/images/bg_gradation_green.gif); background-repeat: repeat-y; background-position: left top; }
.gradSeaH, .gradManagerH { background-image: url(/images/bg_gradation_sea.gif); background-repeat: repeat-y; background-position: left top; }
.gradOrangeY { background-image: url(/images/bxheader_orange.gif); background-repeat:repeat-x; background-position: left top; }
.gradBlueY { background-image: url(/images/bxheader_blue.gif); background-repeat:repeat-x; background-position: left top; }
*/

/* 테이블형 선택상자 - 서비스레벨설명시 */
.preview { margin-top: 5px; margin-bottom: 5px;}
.preview TABLE	{ BACKGROUND-COLOR: #E5E5E5; margin-top: 5px; margin-bottom: 5px; }
.preview TD  { BACKGROUND-COLOR: #F3F3F3; padding: 5px; border: 1px solid #E1E1E1; }
.preview A  { color: #666666;  }

/* 풍선도움말 */
.layerBalloon        {   background-color: Transparent  ;  position: absolute;  border: 0px solid;  padding: 0px;  filter:Alpha(Opacity=90);  opacity: .90;  font-size: pt; font-style: normal;  font-weight: normal;  visibility: hidden;  z-index: 1000; }

/* 글자의 형광펜 */
.light { color: #000000; }

/* 주요기능 글자 리스트*/
.blueText {color:#79a3cd; padding-bottom:20px;}
.paddingB {padding-bottom:50px;}


/************** for BIZSPRING WEB (from LOGGER 2009) *******************/

/* 메뉴 */
/*
A.menuButton				{ PADDING: 6px 10px 7px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #d7d7d7; POSITION: relative; BACKGROUND-COLOR: transparent; }
A.menuButton:visited 		{ PADDING: 6px 10px 7px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #d7d7d7; POSITION: relative; BACKGROUND-COLOR: transparent; }
A.menuButton:hover			{ PADDING: 6px 10px 7px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #ffffff; BACKGROUND-COLOR: #4699d9; }

A.menuButtonActive 			{ PADDING: 6px 10px 6px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #ffffff; POSITION: relative; BACKGROUND-COLOR: #4699d9; }
A.menuButtonActive:hover 	{ PADDING: 6px 10px 6px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #ffffff; POSITION: relative; BACKGROUND-COLOR: #4699d9; }
A.menuButtonActive:visited	{ PADDING: 6px 10px 6px 10px; Z-INDEX: 2; MARGIN: 1px; CURSOR: pointer; COLOR: #ffffff; POSITION: relative; BACKGROUND-COLOR: #4699d9; }
*/

/* 메뉴형태를 CSS로 지정함 */
/*
TD.menuButton { width: 100px; height: 38px; background-color: #222222; text-align: center; color: #DDDDDD; CURSOR: pointer; }
TD.menuButtonActive { width: 100px; height: 38px; background-color: #222222; text-align: center; color: #FFFFFF; background-image: url(../images/back-over.gif); background-repeat: repeat-y; background-position: left top; }
*/
TD.menuButton { width: 125px; height: 32px; background-color: #FFFFFF; text-align: center; color: #555555; CURSOR: pointer; border: 1px solid #DDDDDD; }
TD.menuButtonActive { width: 125px; height: 32px; background-color: #222222; text-align: center; color: #FFFFFF; background-image: url(../images/back-over.gif); background-repeat: repeat-y; background-position: left bottom; border: 1px solid #CCCCCC;}

.menu { PADDING: 0px; BORDER: 0px; Z-INDEX: 910; MARGIN: 0px; CURSOR: pointer; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: Transparent; } /*DISPLAY: none;*/

/*
A.menuItem					{ PADDING: 2px 16px 2px 14px; Z-INDEX: 2; MARGIN: 0px; CURSOR: pointer; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma,돋움; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND-COLOR: transparent; border-bottom:#555555 1px solid; padding: 6px 15px;}
A.menuItem:visited			{ PADDING: 2px 16px 2px 14px; Z-INDEX: 2; MARGIN: 0px; CURSOR: pointer; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: tahoma,돋움; DISPLAY: block; WHITE-SPACE: nowrap; BACKGROUND-COLOR: transparent;  border-bottom:#555555 1px solid; padding: 6px 15px;}
A.menuItem:hover			{ PADDING: 1px 15px 1px 13px; BORDER: #4a91c8 1px solid; Z-INDEX: 2; CURSOR: pointer; COLOR: #000000; BACKGROUND-COLOR: #cae1f2;  border-bottom:#555555 1px solid; padding: 6px 15px;}
.menuItemSep				{ BORDER-TOP: #dcdcdc 1px solid; Z-INDEX: 2; MARGIN: 2px 3px; CURSOR: default; }
*/

.dropMenu { width: 125px; background-color: #333333; position: absolute; border: 1px solid #666666; padding:0px; filter:Alpha(Opacity=95); opacity: 0.95; line-height:100%; text-align: left; z-index:920; height:none; text-indent: none; }
/*.dropMenu Td {border-top:#666666 1px solid; padding: 6px 15px;} */
.dropMenu Td {border-top:#DDDDDD 1px solid; padding: 6px 15px;}
.dropMenu Li {border-top:#555555 1px solid; padding: 6px 15px; white-space: nowrap;}
/* .menuItemOff {background-color:#222222; color:#BBBBBB; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;} */ 
.menuItemTitle {background: url(../images/icon/fbul_03.gif) no-repeat 5px 8px; padding-left: 10px; background-color:#DDDDDD; color:#000000; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap; font-weight: normal;} 
.menuItemOff {background-color:#FCFCFC; color:#444444; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;} 
.menuItemOn {background-image: url(../images/back-over.gif); background-position: left bottom; background-color:#00000; color:#FFFFFF; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;}			

/* 좌측고정메뉴 */
.leftMenu { width: 180px; background-color: #DDDDDD; position: relative; border: 1px solid #DDDDDD; padding:0px; line-height:100%; text-align: left; z-index:920; height:none; text-indent: none; }
.leftMenu Td { border:#FAFAFA 0px solid; padding: 6px 15px;}
/*.leftMenuItemOff {background-color:#222222; color:#DDDDDD; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;} */
.leftMenuItemOff {background-color:#FFFFFF; color:#444444; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;}
.leftMenuItemOn {background-image: url(../images/back-over.gif); background-position: left bottom; background-color:#3f3f3f; color:#FFFFFF; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap;}			

.leftMenuItemNormal {background-color:#F3F3F3; color:#000000; DISPLAY: block; WHITE-SPACE: nowrap;}
.menuItemCommon { padding-left: 10px; background-color:#FFFFFF; color:#444444; cursor: pointer; DISPLAY: block; WHITE-SPACE: nowrap; font-weight: normal;} /*background: url(../images/icon/fbul_03.gif) no-repeat 5px 11px;*/