/*top */
body, h1{margin:0;padding:0}
a,input, textarea, select, h1, h2, ul, li, .page, table, th, .txt, .point, .box, .leftbody, .message, .nobox, .mainbody, div, .notice {
	font-size:x-small;
	font-family: 'dotum', 'arial', 'verdana';
	color: #434343;
	text-decoration: none;
}

form{margin:0}

.tbody {
	margin:0;
	font:9pt gulim;
}
.utilitymenu{
       background: url(../images/main/u_bg.gif);
       position:absolute; top:0; right:0;
}

.username {font: 9pt dotum, arial;
	color: #5271A1;
	text-decoration: none;
	word-break:keep-all;
	padding:22px 0 0 20px;
}
.username_EIP {font: 9pt dotum, arial;
	color: #5271A1;
	text-decoration: none;
	word-break:keep-all;
	padding:0 0 0 20px;
}

.menu_txt {
	font-family: dotum,arial,verdana;
	font-size:9pt;
	white-space: nowrap;
	font-weight: bold;
	color: #D7F2FF;
	vertical-align: middle;
	text-align: center;
    background-image:url(../images/main/pbar.gif);background-position:left;background-repeat:no-repeat;
	}
.submenu {
	font: 9pt dotum;
	color: #666666;
	text-decoration: none;
	padding:3px 6px;
	margin: 0px;}

.logo {
	width:176px;
	background: url(../images/main/logo.gif) no-repeat left;
	height:41px
}

.tleft {background: url(../images/main/menu_left.gif) left top no-repeat;
	width:170px;
	height:34px
}
.tleft01{
	width:170px;
	background: url(../images/main/menu_left01.gif) left top no-repeat;
	height:25px
}

.tleft02{
	width:170px;
	background: url(../images/main/menu_left02.gif) left top no-repeat;
	height:25px
}
.tleftspace{
	width:5px;
}
.bar {
	width:2px;
	background: url(../images/main/tbar.gif) left top no-repeat;
	height:34px
}
.tback{
	background: url(../images/main/menu_bg.gif);
	height:34px	
}

.tback01{
	background: url(../images/main/menu_bg01.gif);
	height:25px	
}

.menu{width:700px}
.t_home{background:url(../images/main/menu01.gif) left top;width:51px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_mail{background:url(../images/main/menu02.gif) no-repeat top left;width:64px;height:34px;cursor:pointer}
.t_pims{background:url(../images/main/menu03.gif) no-repeat;width:73px;height:34px;cursor:pointer}
.t_approval{background:url(../images/main/menu05.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_approvalG{background:url(../images/main/menu13.gif) no-repeat;width:84px;height:34px;cursor:pointer}
.t_board{background:url(../images/main/menu04.gif) no-repeat;width:76px;height:34px;cursor:pointer}
.t_cop{background:url(../images/main/menu06.gif) no-repeat;width:70px;height:34px;cursor:pointer}
.t_kms{background:url(../images/main/menu10.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_dms{background:url(../images/main/menu09.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_resource{background:url(../images/main/menu07.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_webdisk{background:url(../images/main/menu10.gif) no-repeat;width:79px;height:34px;cursor:pointer}
.t_ezProcess{background:url(../images/main/menu11.gif) no-repeat;width:90px;height:34px;cursor:pointer}
.t_bpm{background:url(../images/main/menu12.gif) no-repeat;width:70px;height:34px;cursor:pointer}
.t_memo{background:url(../images/main/menu14.gif) no-repeat;width:77px;height:34px;cursor:pointer}

/*top over */
.t_home_o{background:url(../images/main/menu01o.gif) left top;width:51px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_mail_o{background:url(../images/main/menu02o.gif) no-repeat top left;width:64px;height:34px;cursor:pointer}
.t_pims_o{background:url(../images/main/menu03o.gif) no-repeat;width:73px;height:34px;cursor:pointer}
.t_approval_o{background:url(../images/main/menu05o.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_approvalG_o{background:url(../images/main/menu13o.gif) no-repeat;width:84px;height:34px;cursor:pointer}
.t_board_o{background:url(../images/main/menu04o.gif) no-repeat;width:76px;height:34px;cursor:pointer}
.t_cop_o{background:url(../images/main/menu06o.gif) no-repeat;width:70px;height:34px;cursor:pointer}
.t_kms_o{background:url(../images/main/menu10o.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_dms_o{background:url(../images/main/menu09o.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_resource_o{background:url(../images/main/menu07o.gif) no-repeat;width:89px;height:34px;cursor:pointer}
.t_webdisk_o{background:url(../images/main/menu10o.gif) no-repeat;width:79px;height:34px;cursor:pointer}
.t_ezProcess_o{background:url(../images/main/menu11o.gif) no-repeat;width:90px;height:34px;cursor:pointer}
.t_bpm_o{background:url(../images/main/menu12o.gif) no-repeat;width:70px;height:34px;cursor:pointer}
.t_memo_o{background:url(../images/main/menu14o.gif) no-repeat;width:77px;height:34px;cursor:pointer}

.util{word-break:keep-all;width:450px;text-align:right;margin-top:5px;padding-right:20px;float:right;height:35px}
.u_admin{background:url(../images/main/u_admin.gif) no-repeat;width:39px; height:12px; cursor:pointer}
.u_config{background:url(../images/main/u_config.gif) no-repeat;width:47px; height:12px; cursor:pointer}
.u_member{background:url(../images/main/u_member.gif) no-repeat;width:47px; height:12px; cursor:pointer}
.u_connect{background:url(../images/main/u_connect.gif) no-repeat;width:54px; height:12px; cursor:pointer}
.u_sitemap{background:url(../images/main/u_sitemap.gif) no-repeat;width:47px; height:12px; cursor:pointer}
.u_help{background:url(../images/main/u_help.gif) no-repeat;width:38px; height:12px; cursor:pointer}
.u_logout{background:url(../images/main/u_logout.gif) no-repeat;width:39px; height:12px; cursor:pointer}


/* admin top */
.admin_top{margin:0}
.admin_top h1{
	background:url(../images/admin/top_admin.gif) no-repeat;
	width:177px;
	height:29px;}
#adminmenu{
	clear: both;
	margin: 0; 
	padding:0;
	background:url(../images/admin/top_bg.gif)}
#adminmenu ul{
	display:inline;
	height:30px;
	margin:0}
#adminmenu li, #adminmenu li.off{
	display:inline;
	margin-right:2px;
	background:url('../images/admin/top_bar.gif') no-repeat top right;
	height:30px;
	padding-left:6px;
	vertical-align:middle;
	cursor:pointer;
	color:#fff;
	font-weight:bold
}
#adminmenu li span, #adminmenu li span.off{
	height:30px;
	padding-right:10px;
	padding-top:4px;
}
#adminmenu li.on span{background:url('../images/admin/top_select.gif') no-repeat bottom center;}
.adminsub{background-color:#f5f5f5;height:25px}

/* personal */
.personal {width:170px;margin-left:5px;}
.img{background:url(../images/main/main_img.jpg) left top no-repeat;height:165px;}
.time {background:url(../images/main/p_time.jpg) left top no-repeat; FONT:12point dotum; color:#022e64; padding:11 0 0 33; height:44px; margin-top:10px;}
.personal ul{background:url(../images/main/p_ul_bg.gif) left top no-repeat; margin:10 0 0 0; width:170px; height:94px}
.personal ul li
{list-style:none;text-align:left;font-size:8pt;font-family:verdana;cursor:pointer;background-repeat:no-repeat;background-position:center;margin:11 10 0 10; }
.personal ul li.mail{background-image:url(../images/main/li_bg.gif);border-bottom:1px solid #9eb9de; padding:1 0 0 15}
.personal ul li.schedule{background-image:url(../images/main/li_bg.gif);border-bottom:1px solid #9eb9de; padding:1 0 0 15}
.personal ul li.appr{background-image:url(../images/main/li_bg.gif);border-bottom:1px solid #9eb9de;padding:1 0 0 15}
.personal ul li.poll{background-image:url(../images/main/li_bg.gif);border-bottom:1px solid #9eb9de;padding:1 0 0 15}
.personal ul li.memo{background-image:url(../images/main/li_bg.gif);border-bottom:1px solid #9eb9de;padding:1 0 0 15}
.personal ul li.count{margin-top:-19px; padding-right:10px; text-align:right; font-size:8pt;font-family:verdana; font-weight:bold; color: #FF6600}
.personal .p_bottom{margin-top:10px;}



/* my kms */
.my_kms h1{background:url(../images/main/my_knowledge.gif) no-repeat;width:157px;height:22px; margin:0;margin-left:5px;}
.my_kms ul{
	margin:0;
	margin-top:1px;
	height:50px;
	background:url(../images/main/my_knowledge2.gif) left top;
	width:157px;margin-left:5px}
.my_kms ul li{margin:0;text-align:right;vertical-align:bottom; list-style:none;padding-top:33px;width:75px;font-weight:bold}
.my_kms li.mil{margin-top:-47px; margin-left:80px}

/* calendar */
.calendar{border:1px solid #DDDDDD; margin-left:5px;width:170px;height:200px;text-align:center;padding:2px 0;}
.calctrlleftNavButton, .calctrlRightNavButton, .calctrlMonthDisplayName{background-color:#e4eefd}
.calctrlTitle{border-bottom:1px solid #e4eefd;}
.calctrlMonthDisplayName{color:#5874a0}
.leftyearbutton, .leftyearbutton, .leftNavButton,.rightNavButton,.rightYearButton{width:13px;height:13px; background-repeat:no-repeat;margin:1px;cursor:hand}
.leftyearbutton{background-image:url(../images/main/maincalendar_pprev.jpg);}
.leftNavButton{background-image:url(../images/main/maincalendar_prev.jpg);}
.rightNavButton{background-image:url(../images/main/maincalendar_next.jpg)}
.rightYearButton{background-image:url(../images/main/maincalendar_nnext.jpg);}


/*birth 이달의 생일자*/
.birth {background:url(../images/main/birth_bg.gif) repeat-y; margin-top:10px;}
.birth h1{background:url(../images/main/birth_title.gif) no-repeat;height:29px; width:180px}
.birth ul{margin:5px 0 0;width:180px; padding-bottom:5px;height:85px}
.birth ul li{ list-style:url(../images/main/p_dot.gif) inside;font:9pt;cursor:pointer;height:20px;margin:0 10px 0 0;padding:4px 0 0 0; background:url(../images/main/line_dot.gif) repeat-x bottom;}
.birth ul li b{ margin-top:-13px;margin-right:10px;margin-left:5px; color:#234378; }
.birthbottom { width:180px; height:10px; background:url(../images/main/birth_bottom.gif) no-repeat left top; margin:0; padding:0}
.birth .txt{padding:20px}




/* quicklink */
.quicklink {
	background:url('../images/main/quicklink_title.gif') no-repeat;
	width:178px; height:60px; 
	text-align:center;
	border: 1px solid #bbd2f3;
	background-color: #ffffff;
	margin-bottom:10px;
	padding:0 0 0px;
}
.quicklink h1{
	background:url('../images/main/quickmenu_title.gif') no-repeat;
	width:155px; height:20px; margin:0 0 2px;}
	
.quicklink select, .quicklink span{
	width:160px;
	margin:1px 0;
	font:9pt, dotum;
}

.adddel{background:url(../images/main/btn_adddel.gif) no-repeat;   margin:3 0 6 125 ; height:22px; cursor:pointer}



/* best sawon */
.best, .best img{border:1px solid #D5DADE; width:156px;padding:2px 0}
.best img{margin:2px;width:42px}
.best_sawon{
	background:url(../images/main/people1_title.gif) no-repeat;
	height:20px;
	}
.best_kms{
	background:url(../images/main/people2_title.gif) no-repeat;
	height:20px;
}
.interview{
	background:url(../images/main/bt_interview.gif) no-repeat;
	width:93px;
	height:11px;
	cursor:pointer;	
}
.knowledge_name{
	height:22px;
	padding:5px 2px 0;
	color:#666666
}

/* notice */
.notice{margin-top:5px;height:80px; width:334px;}
.notice h1{
	background:url('../images/main/notice_title.gif') no-repeat left top;
	height:23px;margin:0;font:x-small;}
.noticelist{
	width:300px;
	overflow:hidden;text-overflow:ellipsis;
	cursor:hand;
	padding-left:15px;
	height:18px;
	background:url(../images/main/portlet_dot01.gif) no-repeat 5px 5px;}
	
/* portlet */
#divWebpart{margin-top:10px;clear:both}
#leftwebpart{width:265px;}
#rightwebpart{width:320px}
#centerwebpart{width:20px}
#leftwebpart iframe, #rightwebpart iframe{height:140px}
.mypicture {
	height: 255px;
	width: 267px;
	float:left;
	margin-right: 10px;
	margin-bottom:10px;
	background:url(../images/main/main_img.jpg) no-repeat;
}

.portlet_mail{float:right;width:334px;}
.portlet, .portletlist, .portlet table td{font:x-small, dotum;margin:0;padding:0; width:100%}
.portlet table{padding:0;margin:0;border-collapse:collapse}
.portlet h1{
	float:left;
	font-weight:bold;
	}
.more{
	background:url(../images/main/bt_more.gif) no-repeat right;
	margin-top:-15px;
	margin-bottom:8px;
	cursor:pointer;
	float:right;
	width:100%;
	font:x-small;
}
.underline1{background:url(../images/main/underline.gif) no-repeat left width:280px; height:3px;
	margin-top:-10px;
	margin-bottom:8px;
	cursor:pointer;
	float:left;
	width:100%;
}
.portletlist1{
	clear:both;
	background:url(../images/main/dot3.gif) no-repeat 5px 4px;
	padding-left:18px;
	width:280px;
	height:18px;
	overflow:hidden;text-overflow:ellipsis;
}	
.portletlist2{
	clear:both;
	background:url(../images/main/dot3.gif) no-repeat 92px 4px;
	padding-left:100px;
	height:18px;
	overflow:hidden;text-overflow:ellipsis;
}	
.underline2{border-bottom:1px solid #c0cce1;}
.bar {color:#a3a3a3;}
.gun {color:#666666;}
.number{color:#fc6703;font-weight:bold;}
.mailuse{width:280px; height:160px;margin-left:0px;margin-top:0px;padding:0;}
.mailportlet h1{display:none}
.mailportlet.portletlist{clear:both;width:260px;margin-left:0px;px;border-top:none;height:18px;background:none;}
.mailportlet{width:280px; height:145px; padding:42 20 0 10; margin-top:0px; background:url(../images/main/mail.gif) no-repeat}
.photo1{width:130px; margin-top:0px; margin-left:0px; background:url(../images/main/photo01.gif) no-repeat}
.photo2{width:130px; margin-top:0px; margin-left:0px; background:url(../images/main/photo02.gif) no-repeat}

.mailwebhard{width:180px; height:92px; margin:0 0 10 0px; padding:0; border:1px solid #c0cce1;}
.mailgun1{font:x-small, dotum;margin-top:8px;margin-left:12px;margin-bottom:0px;width:80px; }
.graph1{width:100px;height:20px;margin:0 0 10 13px;padding:0;background:url(../images/main/mailuse_02.gif) no-repeat left top;}
.mailgun2{font:x-small, dotum;margin-top:6px;margin-left:12px;margin-bottom:0px;width:80px;}
.graph2{width:100px;height:20px;margin:0 0 0 13px;padding:0;background:url(../images/main/mailuse_02.gif) no-repeat left top;}

.mailgun{font:x-small, dotum;margin-top:12px;margin-left:50px;margin-bottom:0px;width:80px;}
.graph{width:100px;height:44px;margin:-23px 0 14px 100px;padding:0;background:url(../images/main/mailuse_01.gif) no-repeat left top;}

/* search */
.search{
width:170px;
height: 0px;
	background-color:#f2f7fc;
	border: 4px solid #acd2ea;
	margin-top:10px;
	padding: 4 4 0 4;
}


.search input, .search span{
	width:100%;
	padding:2 2 2 2;
	font:9pt, dotum;
	color: #3872b4;
	
}
#search_btn{margin-left:114px; width:39px; margin-top:2; height:18px;}

/* banner */
.banner1{background:url(../images/main/banner_01.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner2{background:url(../images/main/banner_02.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner3{background:url(../images/main/banner_03.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner4{background:url(../images/main/banner_04.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner5{background:url(../images/main/banner_05.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner6{background:url(../images/main/banner_06.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}

.banner7{background:url(../images/main/banner_07.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}
.banner8{background:url(../images/main/banner_08.gif) no-repeat;margin-bottom:2px; cursor:pointer; width:180px;height:37px;}

/* survey */
.knowledge_box, .banner, .poll_box, .best{width:180px;}
.poll_box {font:x-small, dotum; border:1px solid #bbd2f3; padding:3px; background-color:#ffffff; margin:10 0 0 0}
.poll_box h1{background:url(../images/main/poll_title.gif) no-repeat; height:27px; width:170px}
.poll_box .question{background:url(../images/main/poll_q.gif) no-repeat 1px left top; padding-left:35px;margin-top:10px;height:35px;word-break:break-all}
.poll_box .qlist{color:666666;background-color:#FFFFFF;word-break:break-all}
.poll_box .button{text-align:center;background-color:#FFFFFF;margin:10px  0}
.btn_vote, .btn_vote_view, .btn_result{
	background-repeat:no-repeat;
	height:18px;
	cursor:pointer;
	margin:1px;
}
.btn_vote{
	background:url(../images/main/btn_vote.gif);
	width:57px; 
}
.btn_vote_view{
	background:url(../images/main/btn_vote_view.gif);
	width:57px;
}
.btn_result{
	background:url(../images/main/btn_result.gif);
	width:78px;
}



/* login start */
.layout{ margin:0 auto; width:800px; height:456px;  margin-top:100px; background:url(../images/login/back.jpg) left 55px no-repeat;}
.layout h1 {background:url(../images/login/logo.gif) left top no-repeat; height:55px}
.layout h2 {background:url(../images/login/login_title.gif) no-repeat; margin-left:110px; margin-top:70px;  width:619px; height:39px;}	
.login { margin-top:-32px; margin-left:113px; width:280px; height:125px;}
.id{width:130px; margin-top:20px; margin-left:0px; background:url(../images/login/id.gif) no-repeat;}
.pw{width:130px; margin-left:0px; background:url(../images/login/pw.gif) no-repeat;}
.lang{width:150px; background:url(../images/login/lang.gif) no-repeat;padding-left:55px;}
.id input, .pw input{ margin-left:55px; width:90px; font:9pt dotum; padding-top:4px; border:1px solid #c0bba6; background-color:#faf8ee;}
.lang select{width:115px;height:22px; font:9pt dotum; padding-top:2px}
#LoginButton{margin-left:160px; margin-top:-54px;width:50px; height:50px;}
#CancelButton{margin-left:0px; margin-top:-54px;width:50px; height:50px;}
.idsave {margin-top:-10px; margin-left:55px; background:url(../images/login/save_id.gif) no-repeat 20px;width:100px;height:20px;}
.idloss {margin-top:5px; margin-left:0px; background:url(../images/login/pw_loss.gif) no-repeat;width:170px;height:22px;}
#SearchButton{margin-left:160px; margin-top:-30px; width:94px; height:22px;}
#MoreButton{margin-left:250px; margin-top:-120px;width:35px; height:10px;}
.tip{background:url(../images/login/tip.gif) no-repeat;width:258px;height:39px; margin-bottom: 3px;}
.fix{width:258px;height:39px}
.login_banner1 {margin-left:0px; margin-top:25px; background:url(../images/login/bann_messenger.gif) no-repeat;cursor:hand;width:186px; height:45px;}
.address {margin-left:110px; height:35px; background:url(../images/login/login_address.gif) no-repeat;}
.copyrights {margin-top:10px; margin-left:330px; height:45px; background:url(../images/login/copyrights.gif) no-repeat;}

/* 0708추가*/	
.first {margin-top:2px;width:800px;padding-left:260px; z-index:50}

.login_notice {width:300px;margin-top:-120px;margin-left:435px;height:130px}
.login_wp h1{background:url(../images/login/title_notice.gif) no-repeat left top; height:25px; width:100%; margin-bottom:5px}
.login_wp h1 img {text-align: right; margin: 7px; margin-right:6px; display:block}
.login_wp .list{height:16px; padding-left:10px; padding-top:2px; background: url(../images/login/dot_01.gif) no-repeat left; overflow:hidden; text-overflow:ellipsis; width:100%}
/* login end */