/* 스타 스타일시트 */
*,html {margin:0;padding:0;}
	body {margin:0;
		font-family: verdana, arial;
		font-size: 75%;
		background-color: #FFF;
	}
	img {border:0px; margin:0px;}
	table, td	 {border-collapse: collapse; font-size: 1em;margin:0px;}
	div {border:0px solid #0099ff;}
	input {margin:0px; padding:0px;}

	a:link {color: #3c3c3c; text-decoration: none;}
	a:visited {color: #3c3c3c; text-decoration: none; }
	a:hover {color: #196ab9; text-decoration: none; }
	a:active {color: #3c3c3c; text-decoration: none; }



#all {width:100%; overflow:hidden;}
		#top_wrap {overflow:hidden;background:url(../images/soo/topbg.gif) 0 0 repeat-x;}
		#top {float:left;height:35px; width:1000px;}
		#top_right {float:left; width:150px; text-align:right; margin:2px 0 0 0;}
		#left, #m_left {float:left;clear:both;width:180px; width:180px; overflow:hidden;}
		#center {/*float:left;*/ width:auto;overflow:auto;}
		#lcenter {float:left; width:auto;overflow:auto;}
		#space50 {height:50px; clear:both;}

		#top_menu {padding:2px 0 0 0px;}
		#top_menu li {margin:0; padding:0; display:inline; list-style-type:none; float:left;}

		.both {clear:both;}

/* 인덱스용 추가 스타일 시트 */
		#first {width:900px; height:600px;overflow:hidden; background:url(../images/loginbgs.jpg) 0 0  no-repeat; margin:0 auto;}
		#second {margin:233px 0 0 338px;width:244px; height:168px;overflow:hidden; background:url(../images/centers.png) 0 0  no-repeat;}

		#second .table1 {width:204px; height:73px; margin:57px 0 0 15px;}
		#second .td1 {width:88px; height:17px;}
		#second .td2 {width:116px; height:17px;}
		#second .td_line {height:5px;}
		#second .td_btn {height:29px; text-align:right;}

		#second .input1 {font-size: 10pt; font-family: 굴림 ; border: 1px solid #b8b8b8;}




/* 정렬 스타일 */
			.lefti {text-align:left ! important;}
			.centeri {text-align:center ! important;}
			.righti {text-align:right ! important;}

/* 로그인 페이지 */
		#ma_login {position: absolute; top: 50%; left: 50%; width: 405px; height: 207px; overflow: hidden; margin-top: -103px; margin-left: -202px;}
		#ma_login .input1 {font-size: 10pt; font-family: 굴림 ; border: 1px solid #b8b8b8;}

		#ma_login .table1 {width:405px; height:207px;}
		#ma_login .td1_1 {width:20px; height:20px; background: url(../images/login/top_bor_01.gif) 0 0 no-repeat;}
		#ma_login .td1_2 {width:365px; height:20px; background: url(../images/login/top_bor_02.gif) 0 0 repeat-x;}
		#ma_login .td1_3 {width:20px; height:20px; background: url(../images/login/top_bor_03.gif) 0 0 no-repeat;}
		#ma_login .td1_4 {width:20px; height:167px; background: url(../images/login/top_bor_04.gif) 0 0 repeat-y;}
		#ma_login .td1_5 {width:365px; height:167px; background-color: #f9f9f9;}
		#ma_login .td1_6 {width:20px; height:167px; background: url(../images/login/top_bor_06.gif) 0 0 repeat-y;}
		#ma_login .td1_7 {width:20px; height:20px; background: url(../images/login/top_bor_07.gif) 0 0 no-repeat;}
		#ma_login .td1_8 {width:365px; height:20px; background: url(../images/login/top_bor_08.gif) 0 0 repeat-x; color:#616161;}
		#ma_login .td1_9 {width:20px; height:20px; background: url(../images/login/top_bor_09.gif) 0 0 no-repeat;}

/* td1_5 하단의 Table 클래스 시작 */
		#ma_login .table2 {width:365px; height:167px;}
		#ma_login .td2_1 {width:105px; height:145px; background: url(../images/login/form_01.gif) 0 0 no-repeat;}
		#ma_login .td2_2 {width:260px; height:45px; background: url(../images/login/form_02.gif) 0 0 no-repeat;}
		#ma_login .td2_3 {width:80px; height:29px; text-align:left;}
		#ma_login .td2_4 {width:180px; height:29px; text-align:left;} 
		#ma_login .td2_5 {width:260px; height:1px; background-color: #e6e6e6;}
		#ma_login .td2_6 {width:80px; height:30px; text-align:left;}
		#ma_login .td2_7 {width:180px; height:30px; text-align:left;}
		#ma_login .td2_8 {width:260px; height:40px; text-align:right;}
		#ma_login .td2_9 {width:365px; height:22px; background: url(../images/login/form_04.gif) 0 0 no-repeat;}


		
/* LEFT STYLE */
		#left a:link {color:#4e4e4e;}
		#left a:hover {color:#ff8421; text-decoration:none;}
		#left ul {padding:5px 0 0 5px;vertical-align:top;}
		
		#left li {overflow:hidden;margin:0;list-style-type:none; width:170px;height:21px;background:url(../images/soo/left_li_bg2.gif) 0 0 no-repeat;}
		#left .li_subs {height:17px; text-align:center; padding:5px 0 0 0; background:url(../images/soo/left_li_subs.gif) 0 0 no-repeat; overflow:hidden;}
		#left .li_top {height:8px; background:url(../images/soo/left_li_top.gif) 0 0 no-repeat;}
		#left .li_bottoms {height:8px; background:url(../images/soo/left_li_bottom.gif) 0 0 no-repeat;}
		#left .li_span {height:21px;display:block; padding:5px 0 0 28px; color:#4e4e4e; overflow:hidden;}
		#left .li_span1 {height:21px;display:block; padding:5px 0 0 28px; color:#ff8421; font-weight:bold;}
		
		#left img {}
		#left .hello {overflow:hidden;margin:10px 0 0 5px; height:100px;width:170px; background:url(../images/soo/hello.gif) 0 0 no-repeat;}
		#left .hello ul {padding:15px 0 0 5px;}
		#left .hello .titles {font-weight:bold;}
		#left .hello li {overflow:hidden; margin:0; list-style-type:none;width:180px; height:20px; background:none;padding:0 0 0 10px;}
		#left .hello .s_li {height:60px; width:140px;}

/* LEFT STYLE
		#m_left {margin:0;font-family: verdana, arial;background-color: #FFF;}
		#m_left a:link {color:#4e4e4e;}
		#m_left a:hover {color:#ff8421; text-decoration:none;}
		#m_left ul {padding:10px 0 0 5px;vertical-align:top;}
		
		#m_left li {overflow:hidden;margin:0;list-style-type:none; width:170px;height:21px;background:url(../images/soo/left_li_bg2.gif) 0 0 no-repeat;}
		#m_left .li_subs {height:19px;text-align:center;padding:3px 0 0 0;background:url(../images/soo/left_li_subs.gif) 0 0 no-repeat;overflow:hidden;}
		#m_left .li_top {height:8px; background:url(../images/soo/left_li_top.gif) 0 0 no-repeat;}
		#m_left .li_bottoms {height:8px; background:url(../images/soo/left_li_bottom.gif) 0 0 no-repeat;}
		#m_left .li_span {height:21px;display:block; padding:5px 0 0 28px; color:#4e4e4e; overflow:hidden;}
		#m_left .li_span1 {height:21px;display:block; padding:5px 0 0 28px; color:#ff8421; font-weight:bold;}

		#m_left img {}
		#m_left .hello {overflow:hidden;margin:10px 0 0 5px; height:100px;width:170px; background:url(../images/soo/hello.gif) 0 0 no-repeat;}
		#m_left .hello ul {padding:15px 0 0 5px;}
		#m_left .hello .titles {font-weight:bold;}
		#m_left .hello li {overflow:hidden; margin:0; list-style-type:none;width:180px; height:20px; background:none;padding:0 0 0 10px;}
		#m_left .hello .s_li {height:60px; width:140px;}
*/


/* CENTER STYLE */
		#center {margin:0;font-family: verdana, arial;background-color: #FFF;}
		#center .subjects {float:left;overflow:hidden;margin:10px 0 10px 0; height:38px;width:558px; background:url(../images/soo/subject_bgs.gif) 0 0 no-repeat;}
		#center .subjects .subjects_span {display:block; overflow:hidden; font-weight:bold; color:#00388e;width:200px height:30px; padding:11px 0 0 25px;}
		#center .subjects .fonts1 {color:#ff6622;}
		#center .subjects2 {float:left;overflow:hidden;margin:10px 0 10px 10px; height:38px;width:130px; background:url(../images/soo/subject_bgs2.gif) 0 0 no-repeat;}
		#center .subjects2 .subjects_span2 {display:block; overflow:hidden; font-weight:bold; color:#00388e;width:130px height:30px; padding:11px 0 0 0;text-align:center;}
/* CENTER STYLE */
		#lcenter {margin:0;font-family: verdana, arial;background-color: #FFF;}
		#lcenter .subjects {float:left;overflow:hidden;margin:10px 0 10px 0; height:38px;width:558px; background:url(../images/soo/subject_bgs.gif) 0 0 no-repeat;}
		#lcenter .subjects .subjects_span {display:block; overflow:hidden; font-weight:bold; color:#00388e;width:200px height:30px; padding:11px 0 0 25px;}
		#lcenter .subjects .fonts1 {color:#ff6622;}
		#lcenter .subjects2 {float:left;overflow:hidden;margin:10px 0 10px 10px; height:38px;width:130px; background:url(../images/soo/subject_bgs2.gif) 0 0 no-repeat;}
		#lcenter .subjects2 .subjects_span2 {display:block; overflow:hidden; font-weight:bold; color:#00388e;width:130px height:30px; padding:11px 0 0 0;text-align:center;}


/* MEMBER STYLE */
		#member {padding:0 0 0 10px;}
		#member .table1 {width:700px; background-color:#fff;}
		/*
		#member .td1, .td2, .td3 {height:30px;}
		#member td {border:0px;}
		*/
		#member .td1 {height:20px;width:180px;text-align:right;border-left:1px solid #d2e4ff; background-color:#abc8fa; padding:0 0 0 0px;font-weight:bold;}
		#member .td12 {height:20px;width:180px;border-left:1px solid #ffffff; background-color:#9999ff; padding:0 0 0 0px;font-weight:bold;}
		#member .td2 {height:20px;width:520px;border-right:1px solid #d2e4ff; padding:0 0 0 0px;}
		#member .line {height:1px; background-color:#d2e4ff;}
		#member .tel1, .tel2, .zip, .addr {height:20px; border:1px solid #ceebff;margin:0 0 0 5px;}
		#member .tel1 {width:50px;}
		#member .tel2 {width:75px;}
		#member .zip {width:150px;}
		#member .addr {width:400px;}
		#member .button {width:120px; height:22px; background-color: #ceebff; border:1px solid #5ba5d9;}
		#member .btn_area {width:700px; height:80px; text-align:center;}
		#member .space {height:9px;}
		#member .titles {font-weight:bold; font-size:13pt;background-color:#abc8fa;height:33px; padding:0 0 0 20px; border:1px solid #d2e4ff;font-family:verdana, arial;}
		#member .titles2 {font-weight:bold; font-size:13pt;background-color:#9999ff;height:33px; padding:0 0 0 20px; border:1px solid #d2e4ff;font-family:verdana, arial;}

/* 회원 조회 스타일*/
		#member .l_tr1 {height:35px; text-align:center;background:#eaf2ff; font-weight:bold;}
		#member .l_tr2 {height:30px; text-align:center;}
		#member .l_td1 {width:110px;}
		#member .l_td2 {width:90px;}
		#member .l_td3 {width:165px;}
		#member .l_td4 {width:165px;}
		#member .l_td5 {width:80px;}
		#member .l_td6 {width:90px;}
		#member .l_line1 {height:1px; background:#d2e4ff;}
		#member .l_paging {height:50px; text-align:center;}

/* 조직도 STYLE */
		#member .sales0 {height:25px; text-align:center;background-color:#a6dafe;}
		#member .sales00 {height:20px; text-align:center; background-color:#fff;}
		#member .sales1 {width:50px;border:1px solid #ceebff;}
		#member .sales2 {width:110px;border:1px solid #ceebff;}
		#member .sales3 {width:210px;border:1px solid #ceebff;}
		#member .sales4 {width:110px;border:1px solid #ceebff;}
		#member .sales_line {width:700px; height:1px; background-color: #d2e4ff;}
		#member .paging_space {height:10px; border-left: none;}
		#member .paging1 {background-color: #fff; height:24px;border:1px solid #ceebff; border-left:0px none;padding:0 0 0 10px; font-weight:bold;}
		#member .paging2 {background-color: #fff; height:24px;border:1px solid #ceebff;text-align:center; font-weight:bold;}

		#chart {position:absolute;width: 700px; height:450px;overflow:auto;background-color:#fff;font-size:10px;}
		#chart table {font-size:10px;}/*font-weight:bold;*/

		#member .sales000 {height:33px; text-align:center;background-color:#a6dafe;}
		#member .sales0000 {height:19px; text-align:center; background-color:#fff;}
		#member .sales0001 {height:19px; text-align:right; background-color:#fff;}
		#member .sales0002 {height:19px; text-align:left; background-color:#fff;}
		#member .tds1 {width:150px;border:1px solid #ceebff;}
		#member .tds2 {width:400px;border:1px solid #ceebff;}
		#member .tdss2 {width:400px;border:1px solid #ceebff; text-align:left; padding:0 0 0 20px; overflow:hidden;}
		#member .tds3 {width:130px;border:1px solid #ceebff;}
		#member .a340 {width:345px;}
		#member .a20 {width:10px;}
		#member .chart_sub {font-size:12pt; text-align:center; font-weight:bold;font-family:arial;background-color: #fff;height:23px;}
		#member .paging_space1 {height:30px; border-left: none;}
		#member .paging_space2 {height:10px; border-left: none;}
		#member .sums {height:30px; text-align:center; font-weight:bold;}

/* 수당조회 */
		#member .paysearch {height:20px;}
		#member .paysearch1 {height:20px; background-color:#fff;}
		#member .paysearch2 {height:5px;}
		#member .paytop {height:25px;text-align:center;font-weight:bold;background:#a6dafe;}
		#member .paytop1 {height:25px;text-align:center;font-weight:bold;background:#e3f4ff;}
		#member .payname {height:20px; text-align:center;}
		#member .pay1 {width:120px;border:1px solid #ceebff;}
		#member .pay2 {width:145px;border:1px solid #ceebff;}
		#member .pay3 {width:145px;border:1px solid #ceebff;}
		#member .pay4 {width:145px;border:1px solid #ceebff;}
		#member .pay5 {width:145px;border:1px solid #ceebff;}


.list_table { 
	border-collapse:collapse; 
	cursor:default; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt; 
	color:#333;
}
.list_table th { border:solid 1px #ccc; font-weight:normal; background:#f4f4f4; text-align:center ! important;}
.list_table tr { border:solid 1px #ccc; font-weight:normal; background:#ffffff; text-align:center ! important;}
.list_table td { border:solid 1px #ccc; border-top: none;}
.list_table :hover {background-color: #ffff00;}

.list_ta1 { 
	border-collapse:collapse; 
	cursor:default; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt; 
	color:#333;
}
.list_ta1 th { border:solid 1px #ccc; text-align:right; font-weight:normal; background:#f4f4f4 }
.list_ta1 td { border:solid 1px #ccc; background:#ffffff; }