/*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 {padding:0; margin-left:5px; margin-right:5px; margin-top:0; }

.search {width:130px;
	height:20px;color:#8D8D8D;
	background-color:#FFFFFF;
	border: 1px solid #99B5CE;
	margin-left: 1px;
	margin-right: 3px;
}
.menu_txt {
	font:bold 9pt dotum;
	white-space: nowrap;
	color: #D7F2FF;
	vertical-align: middle;
	text-align: center;
    background:url(basic/main/pbar.gif) left no-repeat;
}
.submenu {
	font:9pt dotum, Verdana;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding:4px 6px;
	background-position: left;
	height:24px;
}
.submenu span { color:#CCCCCC; font-size:8pt}

/*.logo{
	background:url(basic/login/logo.gif) no-repeat 20px center #fff;
	padding-left:150px;
	height:41px;
	vertical-align:middle;
	width:300px;
}
*/
.tleft{background:url(basic/main/topbar_left.gif) no-repeat top left;width:125px;
white-space:nowrap}
.tright{background:url(basic/main/topbar_right.gif) right top no-repeat; width:15px;white-space:nowrap}
.tback{
	background-color:#033075; 
	width:100%;padding:0;margin:0;border:none;}
.tback td{word-break:keep-all; white-space:nowrap; color:#edf1f3; font-weight:bold; }

	

.tbody{margin:0 5px}
.menu{width:700px;}
.t_home{background:url(basic/main/menu01.gif) left top;width:45px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_mail{background:url(basic/main/menu02.gif) no-repeat top left;width:51px;height:34px;cursor:pointer}
.t_pims{background:url(basic/main/menu03.gif) no-repeat;width:65px;height:34px;cursor:pointer}
.t_approval{background:url(basic/main/menu04.gif) no-repeat;width:77px;height:34px;cursor:pointer}
.t_board{background:url(basic/main/menu05.gif) no-repeat;width:66px;height:34px;cursor:pointer}
.t_cop{background:url(basic/main/menu06.gif) no-repeat;width:76px;height:34px;cursor:pointer}
.t_good{background:url(basic/main/menu07.gif) no-repeat;width:83px;height:34px;cursor:pointer}


/*top over */
.t_home_o{background:url(basic/main/menu01o.gif) left top;width:45px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_mail_o{background:url(basic/main/menu02o.gif) no-repeat top left;width:51px;height:34px;cursor:pointer}
.t_pims_o{background:url(basic/main/menu03o.gif) no-repeat;width:65px;height:34px;cursor:pointer}
.t_approval_o{background:url(basic/main/menu04o.gif) no-repeat;width:77px;height:34px;cursor:pointer}
.t_board_o{background:url(basic/main/menu05o.gif) no-repeat;width:66px;height:34px;cursor:pointer}
.t_cop_o{background:url(basic/main/menu06o.gif) no-repeat;width:76px;height:34px;cursor:pointer}
.t_good_o{background:url(basic/main/menu07o.gif) no-repeat;width:83px;height:34px;cursor:pointer}

.util{word-break:keep-all;text-align:right;padding-right:20px; padding-top:15px; height:41px}
.u_admin{background:url(basic/main/u_admin.gif) no-repeat;width:39px; height:12px; cursor:pointer}
.u_member{background:url(basic/main/u_member.gif) no-repeat;width:47px; height:12px; cursor:pointer}
.u_messenger{background:url(basic/main/u_messenger.gif) no-repeat;width:40px; height:12px; cursor:pointer}
.u_config{background:url(basic/main/u_config.gif) no-repeat;width:47px; height:12px; cursor:pointer}
.u_help{background:url(basic/main/u_help.gif) no-repeat;width:38px; height:12px; cursor:pointer}
.u_logout{background:url(basic/main/u_logout.gif) no-repeat;width:39px; height:12px; cursor:pointer}


/* personal */
.personal{width:157px;background:url(basic/main/personal_bg.gif) left top repeat-y;margin-left:5px;}
.time{background:url(basic/main/personal_top.gif) left top no-repeat;
	font:bold 9pt arial;
	color: #ee8321;
	height:71px;padding:33px 0 0 25px;}
.personal ul{margin:6px 0 0 10px;width:137px}
.personal ul li{list-style:none;text-align:right;font:bold 8pt verdana;cursor:pointer;background-repeat:no-repeat;background-position:center;height:20px;margin-bottom:0;padding:0;vertical-align:top;}
.personal ul li.mail{background-image:url(basic/main/p_mail.gif);border-bottom:1px solid #9eb9de}
.personal ul li.schedule{background-image:url(basic/main/p_schedule.gif);border-bottom:1px solid #9eb9de}
.personal ul li.appr{background-image:url(basic/main/p_appr.gif);border-bottom:1px solid #9eb9de}
.personal ul li.poll{background-image:url(basic/main/p_poll.gif);border-bottom:1px solid #9eb9de}
.personal ul li.memo{background-image:url(basic/main/p_memo.gif);border-bottom:1px solid #9eb9de}
.personal ul li.count{margin-left:100px;margin-top:-19px;padding-right:5px;}
.p_bottom {background:url(basic/main/personal_bottom.gif) left bottom no-repeat;margin:0px;height:67px;}

.username{
    background:url(basic/main/personal_icon.gif) left top no-repeat;
	font:bold 9pt dotum, Verdana;
	color: #ffffff;
	padding:12px 0 10px 20px;
	word-break:break-all;
	margin:0;
	height:50px}
.userment{
    background:url(basic/main/personal_mentbg.gif) left top no-repeat;
	font:bold 9pt dotum, Verdana;
	color: #455a73;
	padding:0 20px; margin:0;
	width:157px;
	line-height:170%;
	word-break:break-all;
	height:40px;
	overflow:hidden; text-overflow:ellipsis}
.mentedit{margin:0;height:20px;text-align:right;padding:5px 20px}
.mentedit span{cursor:pointer;background:url(basic/main/personal_edit.gif) left top no-repeat;width:21px;height:10px }

.iframe_userinfo{width:100%;height:50px}
.iframe_userment{width:100%;height:40px}


/* calendar */
.calendar{border:1px solid #B2CBF3;margin-left:5px;width:157px;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(basic/main/maincalendar_pprev.jpg);}
.leftNavButton{background-image:url(basic/main/maincalendar_prev.jpg);}
.rightNavButton{background-image:url(basic/main/maincalendar_next.jpg)}
.rightYearButton{background-image:url(basic/main/maincalendar_nnext.jpg);}


/* favorite */
.favorite {
	text-align:center;
	width: 157px;
	border: 1px solid #D5DADE;
	background-color: #F0F0F2;
	margin-left:5px;
	padding:0 0 4px;
}
.favortit{
	background: url(basic/main/favorite_title.gif) no-repeat;
	width:157px; height:22px; margin:0 0 2px 5px;}
.favorite select, .favorite span{
	width:140px;
	margin:5px 0;
	font:9pt, dotum;
}

.adddel{background:url(basic/main/btn_adddel.gif) no-repeat right; margin-right:8px; height:22px; cursor:pointer}

/* quickmenu */
.quickmenu {
	text-align:center;
	width: 157px;
	border: 1px solid #d5dade;
	background-color: #ffffff;
	margin-left:5px;
	padding:4px;
}
.quickmenu ul{width:140px;margin:0}
.quickmenu ul li{
	list-style:none; 
	text-align:right;
	font:bold 9pt verdana;
	cursor:pointer;
	height:21px;
	background-repeat:no-repeat;
	background-position:left center;
	color:#f67c3a;
	padding:0 5px;
	display:block;}
.quickmenu ul li.mail{
	background-image:url(basic/main/p_mail.gif);
	border-bottom:1px solid #d5dade}
.quickmenu ul li.schedule{
	background-image:url(basic/main/p_schedule.gif);
	border-bottom:1px solid #d5dade}
.quickmenu ul li.appr{
	background-image:url(basic/main/p_appr.gif);
	border-bottom:1px solid #d5dade}
.quickmenu ul li.poll{
	background-image:url(basic/main/p_poll.gif);
	background-position:left 2px;}
.quickmenu ul li b{
	color:#f67c3a;}
.quickmenu ul li b span{
	font:bold 9pt verdana;
	margin:0;
	padding:0;
	width:60px}
.quickmenutit{
	background: url(basic/main/quickmenu_title.gif) no-repeat;
	width:157px; height:22px; margin:0 0 2px 5px;}
.quickmenu select, .quickmenu span{
	width:140px;
	margin:5px 0;
	font:9pt, dotum;
}

.adddel{
	background:url(basic/main/btn_adddel.gif) no-repeat right;
	margin-right:8px; 
	height:22px; 
	cursor:pointer}

/* banner */
.banner1{background:url(basic/main/banner_faq.gif) no-repeat; cursor:pointer; width:156px;height:36px;}
.banner2{background:url(basic/main/banner_download.gif) no-repeat;cursor:pointer; width:156px;height:36px;}
.banner3{background:url(basic/main/banner_set.gif) no-repeat;cursor:pointer; width:156px;height:36px;}
.banner4{ width:156px; height:62px; border:1px solid #d5dade; color:#666666; vertical-align:top; margin:5px 0 }
.banner4 img {width:44px; height:46px; border:1px solid #d5dade; margin:5px}
.banner4 b { float:right; padding-left:54px; padding-right:5px; margin-top:-50px}
.banner5{background:url(basic/main/banner_mannual.gif) no-repeat;cursor:pointer; width:156px;height:36px;}

/* survey */
.banner, .poll_box{margin-left:0px;}
.poll_box { background:url(basic/main/poll_bg.gif) repeat-y;color:666666; width:156px;} 
.poll_box h1{background:url(basic/main/poll_title.gif) no-repeat;height:29px; width:156px}
.poll_box .question{
    background:url(basic/main/poll_bg.gif) repeat-y;	
	padding:10px 5px 5px 10px;word-break:break-all;
	}
.poll_box .qlist{color:#595959;
	word-break:break-all;
	padding:0 6px 3px 6px}
.pollbottom { width:156px; height:10px; background:url(basic/main/poll_bottom.gif) no-repeat left top; margin:0; padding:0}	
.poll_box .button{text-align:left;padding:0; margin:0 10px}
.btn_vote, .btn_vote_view, .btn_result{
	background-repeat:no-repeat;
	height:16px;
	cursor:pointer;
	margin:1px
}
.btn_vote{
	background:url(basic/main/btn_vote.gif);
	width:52px; 
}
.btn_vote_view{
	background:url(basic/main/btn_vote_view.gif);
	width:52px;
}
.btn_result{
	background:url(basic/main/btn_result.gif);
	width:73px;
}

/*birth*/
.birth {background:url(basic/main/birth_bg.gif) repeat-y;}
/*20100204**********/
.birth h1{background:url(basic/main/birth_title.gif) no-repeat;height:29px; width:156px; text-align:center;}
.birth h1 table {margin-top:8px; width:120px;}
.birth h1 td{font-weight:bold}
/*****************/
.birth ul{margin:5px 0 0;width:146px; padding-bottom:5px;height:85px}
.birth ul li{ list-style:url(basic/main/p_dot.gif) inside;font:9pt;cursor:pointer;height:20px;margin:0 10px 0 0;padding:4px 0 0 0; background:url(basic/main/line_dot.gif) repeat-x bottom;}
.birth ul li b{ float:right; margin-top:-13px;margin-right:10px; color:#234378 }
.birthbottom { width:156px; height:10px; background:url(basic/main/birth_bottom.gif) no-repeat left top; margin:0; padding:0}
.birth .txt{padding:20px}
/*2010-02-12**********/
.birth .birth_txt{
	margin:25 0 0 30px;
	text-align:left;
}
/******************/

/*week*/
.week { background:url(basic/main/tab_bg.gif) repeat-x;}
.week b { text-align:right; margin-top:-18px; color:#455a73; float:right}
.sixbox { border:1px solid #c3cbd5;}
.sixbox .point { color:#f67c3a; font-weight:bold}
.sixboxdate_mon {background:url(basic/main/w_mon.gif) no-repeat 77px 12px;}
.sixboxdate_the {background:url(basic/main/w_the.gif) no-repeat 77px 12px;}
.sixboxdate_wed {background:url(basic/main/w_wed.gif) no-repeat 77px 12px;}
.sixboxdate_thu {background:url(basic/main/w_thu.gif) no-repeat 77px 12px;}
.sixboxdate_fri {background:url(basic/main/w_fri.gif) no-repeat 77px 12px;}
.sixboxdate_sat {background:url(basic/main/w_sat.gif) no-repeat 77px 12px;}
.sixboxdate, .sixboxdate_mon, .sixboxdate_the, .sixboxdate_wed, .sixboxdate_thu, .sixboxdate_fri, .sixboxdate_sat  { background-color:#e9eef5; width:99px; border-bottom:2px solid #e0dede; border-right:1px solid #c3cbd5; color:#000000; font-weight:bold; padding:5px 0 0 5px}
.sixboxcontent {border-right:1px solid #c3cbd5; color:#818181; padding:5px; font-size:8pt; height:67px; vertical-align:top;}
.tasktimecontent {border-right:1px solid #c3cbd5; color:#818181; padding:5px; height:67px; text-align: center}

/* notice */
.notice{width:350px; height:97px;padding:0; margin:0; background:url(basic/main/notice_bg.gif) left top repeat-y;}
.notice h1{
	background: url(basic/main/notice_title.gif) no-repeat left top; width:350px; height:20px;	margin-bottom:10px}
.noticelist{
	overflow:hidden;text-overflow:ellipsis;
	width:450px;
	height:17px;
	float:left;
	padding:0;
	margin:0 ;
	padding-left:15px;
	margin-left:5px;
	background:url(basic/main/portlet_dot01.gif) no-repeat 5px 5px;}	
.noticelist span{cursor:pointer;}

.noticebottom { width:350px; height:10px; background:url(basic/main/notice_bottom.gif) no-repeat left top;position:absolute; bottom:0}
	
/*tasktime*/
.tasktime {
	background: url(basic/main/time_bg.gif) left top no-repeat; 
	width:232px;
	height:58px;
	border-top:2px solid #efefef;
	padding:5px 0 0 135px}
.button_on {
	background:url(basic/main/time_btn.gif) left top no-repeat;
	height:22px;
	padding:3px 7px;
	margin:1px 0;
	width:50px}	
.button_off {
	background:url(basic/main/time_empty.gif) left top no-repeat; 
	height:22px;
	color:#455a73;
	padding:3px 7px;
	margin:1px 0;
	font-weight:bold;
	width:50px}
.button01_on {
	background:url(basic/main/time_btn.gif) left top no-repeat;
	height:22px;
	padding:3px 7px;	
	width:50px
	}
.button01_off {
	background:url(basic/main/time_empty.gif) left top no-repeat;
	height:22px;
	color:#455a73;
	padding:3px 7px;
	font-weight:bold;
	width:50px}	

/* portlet */

#divWebpart{margin-top:10px;clear:both}
#leftwebpart{width:290px;}
#rightwebpart{width:290px}
#centerwebpart{width:21px}
#leftwebpart iframe, #rightwebpart iframe{height:140px}
.mypicture {
	height: 197px;
	width: 232px;
	float:left;
	padding:0;
	background:url(basic/main/mypicture.jpg) no-repeat left top;

}

.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;
	background:url(basic/main/portlet_dot.gif) no-repeat left center 4px;
	font-weight:bold;
	padding-left:15px;
	}
.more{
	background:url(basic/main/portlet_more.gif) no-repeat right;
	margin-top:-10px;
	margin-bottom:8px;
	cursor:pointer;
	border-bottom:2px solid #e7e7e7;
	float:right;
	width:100%;
	font:x-small;
}
.more{
	background:url(basic/main/portlet_more.gif) no-repeat right;
	margin-top:-10px;
	margin-bottom:8px;
	cursor:pointer;
	border-bottom:2px solid #e7e7e7;
	float:right;
	width:100%;
	font:x-small;
}

.portletlist{
	clear:both;
	background:url(basic/main/portlet_dot01.gif) no-repeat 5px 5px;
	padding-left:15px;
	height:18px;
	overflow:hidden;text-overflow:ellipsis;

}	
.portlet .point { color:#f67c3a; font-weight:bold;}
.portlet .gun { color:#434343; font-weight:bold;}
.portlet .titlepoint { color:#3770AB; font-weight:bold;}


.mailportlet{width:350px; height:149px;padding:0; margin:0; background:url(basic/main/mail.jpg) left top no-repeat; margin-top:5}
.mailportlet h1{display:none}
.mailportlet .portletlist{
	overflow:hidden;text-overflow:ellipsis;
	width:300px;
	height:18px;
	float:left;
	padding:0;
	margin:0 ;
	padding-left:15px;
	margin-left:5px;
	background:url(basic/main/portlet_dot01.gif) no-repeat 5px 5px}	
.mailportlet .graph{margin-left:107px; height:39px; width:110px;background:url(basic/main/mailuse_01.gif) no-repeat left 20px; padding:26px 0 0 0; margin-bottom:10px}
.mailgun{float:right;margin:18px 20px 0 0}
.mailgun b{color:#003e77}
.mailgun .point{color:#f17710; font:dotum;}
.mailportlet span{cursor:pointer;}


/*  login */
.loginbody{
	width:725px;
	height:458px;
	margin:62px auto 0;
	padding:0}
.loginleft{ float:left; width:361px; margin:0; padding:0; }
.loginright{ float:right; width:363px; margin:0; padding:0; margin-top:50px; }
.logoplace{ 
	width:361px; 
	height:50px; 
	background:url(basic/login/logo_bg.jpg) left top; 
	text-align:left; 
	margin:0; padding:0; 
	float:left;}
.logoplace h1 {
	background:url(basic/login/logo.gif) no-repeat 30px 10px;
	height:50px;padding:0
	}
.layout{
	margin:0 auto;
	background: url(basic/login/login_bg.jpg) no-repeat left top;
	width:361px;
	height:409px;
	float:left}
.layout img{
	width:293px;
	height:318px;
	margin:55px 34px 35px}	

.login_notice {
	width:327px;
	height:200px;
	float:right;
	}
.login_wp{}
.login_wp h1{
	background:url(basic/login/title_notice.gif) no-repeat left top;
	height:28px;
	width:327px;
	margin-top:30px;
	margin-bottom:5px
}
.login_wp .list{ 
	padding:4px 0;
	padding-left:3px;
	margin:0 5px;
	border-bottom:1px solid #f3e5d6;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	width:315px;
	}
.login_wp .list span{width:310px;overflow:hidden;text-overflow:ellipsis;margin-right:5px}
.login_wp .list .date{
	background:url(basic/login/dot.gif) no-repeat left center;
	color:#237eb4;
	padding: 0 15px;
	}
.login h2{}
.login{
	background: url(basic/login/login_back.gif) no-repeat left top;
	width:327px;
	height:139px;
	float:right;}

.id input, .pw input, .sms input{
	border:1px solid #c8c8c8;
	background-color:#fff;
	width:112px; height:17px;
	margin:0; padding:0; font:9pt dotum; padding-top:2px;}
.id, .pw {
	background-repeat:no-repeat;
	background-position:53px top;
	height:22px;
	width:129px;
	padding-left:105px;
}
.id{background-image:url(basic/login/id.gif); margin-top:52px;  }
.pw{background-image:url(basic/login/pw.gif); }
.sms{background-image:url(basic/login/sms.gif)}
.idsave {  background:url(basic/login/save_id.gif) no-repeat 20px center; margin-left:102px
	}
.secretlogin { background:url(basic/login/secret_login.gif) no-repeat 20px center ; margin-left:180px; margin-top:-20px
	}	
.loginbtn{float:right;margin-top:-64px; padding-right:50px;}

.btnsms{margin-left:70px; padding-top:2px;}
.loginbody .banner{
	margin-top:15px;
	width:323px;
	height:33px;
	float:right}
.login_banner1 { background:url(basic/login/banner_read.gif); width:152px; height:33px;cursor:pointer;}
.login_banner2 { background:url(basic/login/banner_help.gif); width:162px; height:33px; float:right; margin-top:-33px}
.login_banner3 {
	margin-bottom:4px;
	background:url(basic/login/banner_userip.gif) no-repeat left top;
	padding:25px 0 2px 55px;
	font-size:8pt;
	font-family:verdana;
	height:44px}
.copyrights {
	border-top:2px solid #f2f2f2;
	background:url(basic/login/copyrights.gif) right center no-repeat;
	height:45px;
	bottom:0;
	clear:both;}
.iesetting {
	float:right;
	margin-right:25px;
	margin-top:-40px;}

/*invite_login css 추가 2009-06-25 */
.invite1 { margin-left:45px; margin-top:45px; background:url(/images/login/invite_bt01.gif) no-repeat;cursor:hand; width:59px; height:59px}
.invite2 { margin-left:133px; margin-top:-59px; background:url(/images/login/invite_bt02.gif) no-repeat;cursor:hand; width:59px; height:59px}
.invite3 { margin-left:221px; margin-top:-59px; background:url(/images/login/invite_bt03.gif) no-repeat;cursor:hand; width:59px; height:59px}
.invite_txt { margin-left:71px; margin-top:8px; background:url(/images/login/invite_title01.gif) no-repeat; width:184px; height:15px}

/* left title */
.left_mail{background:url(basic/main/left_mail.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_schedule{background:url(basic/main/left_schedule.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_task{background:url(basic/main/left_task.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_address{background:url(basic/main/left_address.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_appr{background:url(basic/main/left_appr.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_apprdoc{background:url(basic/main/left_apprdoc.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_board{background:url(basic/main/left_board.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_cop{background:url(basic/main/left_cop.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_poll{background:url(basic/main/left_poll.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_diary{background:url(basic/main/left_diary.jpg) left top no-repeat ;width:170px; height: 40px;}
.left_tasktime{background:url(basic/main/left_tasktime.jpg) left top no-repeat ;width:170px; height: 40px;}
.left_resource{background:url(basic/main/left_resource.jpg) left top no-repeat ;width:170px; height: 40px;}
.left_messenger{background:url(basic/main/left_messenger.jpg) left top no-repeat ;width:170px; height: 40px;}
.left_env{background:url(basic/main/left_env.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_notice{background:url(basic/main/left_notice.jpg) left top no-repeat #64b530;width:170px;height:40px;}
.left_quickpoll{background:url(basic/main/left_quickpoll.jpg) left top no-repeat ;width:170px;height: 40px;}
.left_project{background:url(basic/main/left_project.jpg) left top no-repeat ;width:170px;height: 40px;}


/*서버이름 체크 css 추가 2007-11-26 */

.username_1 {font: 9pt dotum, arial;
	color: #ffffff;
	text-decoration: none;
	word-break:keep-all;
	padding-top:10px	
	
}