﻿/*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}
.username {
	font-weight:bold;
	letter-spacing:-1px;
	color: #154da4;
	text-decoration: none;
	height:25px;
	padding-top:15px;
	padding-left:10px;
	word-break:keep-all
}
.search{
	height:20px;color:#8D8D8D;
	background-color:#FFFFFF;
	border: 1px solid #99B5CE;
	margin-left: 1px;
	margin-right: 3px;
}
.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-family: "돋움", Verdana;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding-left: 6px;
	/* background-image: url(/images/main/submenu_bg.jpg);
	background-position: left;*/
	padding-right: 6px;
	height:24px;
}

.logo{
	background:url(/images/main/logo.gif) no-repeat 10px bottom;
	padding-left:180px;
	width:360px;
	height:39px;
	float:left;
	vertical-align:middle;
}
.tleft{background:url(/images/main/topbar_left.gif) no-repeat top left;width:125px;white-space:nowrap}
.tright{background-image:url(/images/main/topbar_right.gif); width:9px; white-space:nowrap}
.tback{background:url(/images/main/topbar_bg.jpg) repeat-x; width:100%;padding:0;margin:0;border:none;}

.tbody{margin:0 5px}
.menu{width:700px}
.t_home{background:url(/images/main/menu01.gif) left top;width:45px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_approval{background:url(/images/main/menu05.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_mail{background:url(/images/main/menu02.gif) no-repeat top left;width:80px;height:34px;cursor:pointer}
.t_board{background:url(/images/main/menu04.gif) no-repeat;width:67px;height:34px;cursor:pointer}
.t_kms{background:url(/images/main/menu07.gif) no-repeat;width:79px;height:34px;cursor:pointer}
.t_dms{background:url(/images/main/menu08.gif) no-repeat;width:75px;height:34px;cursor:pointer}
.t_pims{background:url(/images/main/menu03.gif) no-repeat;width:62px;height:34px;cursor:pointer}
.t_cop{background:url(/images/main/menu09.gif) no-repeat;width:62px;height:34px;cursor:pointer}
.t_approvalG{background:url(/images/main/menu13.gif) no-repeat;width:84px;height:34px;cursor:pointer}
/*.t_myoffice{background:url(/images/main/menu02.gif) no-repeat top left;width:94px;height:34px;cursor:pointer}
.t_resource{background:url(/images/main/menu06.gif) no-repeat;width:77px;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:57px;height:34px;cursor:pointer}
.t_memo{background:url(/images/main/menu14.gif) no-repeat;width:77px;height:34px;cursor:pointer}
.t_service{background:url(/images/main/menu04.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_edata{background:url(/images/main/menu08.gif) no-repeat;width:86px;height:34px;cursor:pointer}
.t_smanage{background:url(/images/main/menu18.gif) no-repeat;width:80px;height:34px;cursor:pointer}*/
.t_job{background:url(/images/main/menu17.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_bsc{background:url(/images/main/menu18.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_innovation{background:url(/images/main/t_innovation.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_work{background:url(/images/main/menu.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_req{background:url(/images/main/menu20.gif) no-repeat;width:100px;height:34px;cursor:pointer}
.t_Messenger{background:url(/images/main/menu21.gif) no-repeat;width:100px;height:34px;cursor:pointer}
/*top over */

.t_home_o{background:url(/images/main/menu01o.gif) left top;width:45px;height:34px;cursor:pointer;white-space:nowrap; empty-cells:show}
.t_approval_o{background:url(/images/main/menu05o.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_mail_o{background:url(/images/main/menu02o.gif) no-repeat top left;width:80px;height:34px;cursor:pointer}
.t_board_o{background:url(/images/main/menu04o.gif) no-repeat;width:67px;height:34px;cursor:pointer}
.t_kms_o{background:url(/images/main/menu07o.gif) no-repeat;width:79px;height:34px;cursor:pointer}
.t_dms_o{background:url(/images/main/menu08o.gif) no-repeat;width:75px;height:34px;cursor:pointer}
.t_pims_o{background:url(/images/main/menu03o.gif) no-repeat;width:62px;height:34px;cursor:pointer}
.t_cop_o{background:url(/images/main/menu09o.gif) no-repeat;width:62px;height:34px;cursor:pointer}
.t_approvalG_o{background:url(/images/main/menu13.gif) no-repeat;width:84px;height:34px;cursor:pointer}
/*.t_myoffice{background:url(/images/main/menu02.gif) no-repeat top left;width:94px;height:34px;cursor:pointer}
.t_resource{background:url(/images/main/menu06.gif) no-repeat;width:77px;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:57px;height:34px;cursor:pointer}
.t_memo{background:url(/images/main/menu14.gif) no-repeat;width:77px;height:34px;cursor:pointer}
.t_service{background:url(/images/main/menu04.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_edata{background:url(/images/main/menu08.gif) no-repeat;width:86px;height:34px;cursor:pointer}
.t_smanage_o{background:url(/images/main/menu18o.gif) no-repeat;width:80px;height:34px;cursor:pointer}*/
.t_job_o{background:url(/images/main/menu17o.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_bsc_o{background:url(/images/main/menu18o.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_innovation_o{background:url(/images/main/t_innovationo.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_work_o{background:url(/images/main/menuo.gif) no-repeat;width:80px;height:34px;cursor:pointer}
.t_req_o{background:url(/images/main/menu20o.gif) no-repeat;width:100px;height:34px;cursor:pointer}
.t_Messenger_o{background:url(/images/main/menu21o.gif) no-repeat;width:100px;height:34px;cursor:pointer}

.util{word-break:keep-all;width:620px;text-align:right;padding-top:5px; padding-right:20px;float:right;height:41px}
.u_admin{background:url(/images/main/u_admin.gif) no-repeat;width:53px; height:14px; cursor:pointer}
.u_config{background:url(/images/main/u_config.gif) no-repeat;width:65px; height:14px; cursor:pointer}
.u_member{background:url(/images/main/u_member.gif) no-repeat;width:71px; height:14px; cursor:pointer}
.u_connect{background:url(/images/main/u_connect.gif) no-repeat;width:54px; height:14px; cursor:pointer}
.u_sitemap{background:url(/images/main/u_sitemap.gif) no-repeat;width:58px; height:14px; cursor:pointer}
.u_help{background:url(/images/main/u_help.gif) no-repeat;width:38px; height:12px; cursor:pointer}
.u_search{background:url(/images/main/u_search.gif) no-repeat;width:62px; height:14px; cursor:pointer}
.u_logout{background:url(/images/main/u_logout.gif) no-repeat;width:58px; height:14px; 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:157px;background:url(/images/main/personal_bg.gif) no-repeat bottom left;margin-left:5px;padding-bottom:13px;}
.time {background-image:url(/images/main/personal_top.gif);FONT-SIZE: 9pt; color:#6b6b6b; font-family: "dotum";font-weight:bold;height:51px;padding-top:20px;padding-left:21px; text-align:center; }
.personal ul{margin:6px 0 0 10px;width:137px}
.personal ul li{list-style:none;text-align:right;font-size:8pt;font-family:verdana;font-weight:bold; cursor:pointer;background-repeat:no-repeat;background-position:bottom;height:19px;margin:0;padding:0; }
.personal ul li.mail{background-image:url(/images/main/p_mail.gif);border-bottom:0px solid #9eb9de; }
.personal ul li.appr{background-image:url(/images/main/p_appr.gif);border-bottom:0px solid #9eb9de}
.personal ul li.job{background-image:url(/images/main/p_appr1.gif);border-bottom:0px solid #9eb9de}
.personal ul li.voc{background-image:url(/images/main/p_voc.gif);border-bottom:0px solid #9eb9de}
.personal ul li.qa{background-image:url(/images/main/p_qa.gif);border-bottom:0px solid #9eb9de}
.personal ul li.kms{background-image:url(/images/main/p_kms2.gif);border-bottom:0px solid #9eb9de}
/*.personal ul li.schedule{background-image:url(/images/main/p_schedule.gif);border-bottom:0px solid #9eb9de}*/
.personal ul li.poll{background-image:url(/images/main/p_poll.gif);border-bottom:0px solid #9eb9de}
.personal ul li.memo{background-image:url(/images/main/p_memo.gif);border-bottom:0px solid #9eb9de}
.personal ul li.count{margin-left:100px;margin-top:-19px;padding-right:12px; color:#e86d00}
/*.p_bottom{background-image:url(/images/main/personal_bottom.gif);margin:0px;padding:4px;  }*/


/* 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 #cacaca;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(/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);}


/* quicklink */
.quicklink {
	text-align:center;
	width: 155px;
	border: 1px solid #D5DADE;
	background-color: #F0F0F2;
	margin-left:5px;
	padding:0 0 4px;
}
.quicklink h1{
	background:url('/images/main/quickmenu_title.gif') no-repeat;
	width:155px; height:20px; margin:0 0 2px;}
.quicklink select, .quicklink span{
	width:140px;
	margin:1px 0;
	font:9pt, dotum;
}

.adddel{background:url(/images/main/btn_adddel.gif) no-repeat   center; height:22px; cursor:pointer}


/* search */
.totalsearch{
	width:156px; height:81px; background:url(/images/main/totalsearch_bg.gif) no-repeat;
	padding-left:10px; padding-top:29px;
}


/* survey */
.knowledge_box, .banner, .poll_box, .best, {width:156px;}
.poll_box {font:x-small, dotum;border:1px solid #d0d0d0;padding:3px;background-colr:#f4f4f4}
.poll_box h1{background:url('/images/main/poll_title.gif') no-repeat left top #f4f4f4;height:25px;}
.poll_box .question{background:url(/images/main/poll_q.gif) no-repeat #fff 3px 3px;padding-left:35px;padding-top:4px;height:35px;word-break:break-all}
.poll_box .qlist{background-color:#FFFFFF;word-break:break-all}
.poll_box .button{text-align:center;background-color:#FFFFFF;margin:5px  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;
}

/* 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.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;
	background:url(/images/main/portlet_dot.gif) no-repeat left center 4px;
	font-weight:bold;
	padding-left:15px;
	}
.more{
	background:url(/images/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;
}
.more2{
	background:url(/images/main/portlet_more.gif) no-repeat right;
	margin-top:-20px;
	margin-bottom:8px;
	cursor:pointer;
	width:325px;
	font:x-small;
}

.portletlist{
	clear:both;
	background:url(/images/main/portlet_dot01.gif) no-repeat 5px 5px;
	padding-left:15px;
	height:18px;
	overflow:hidden;text-overflow:ellipsis;
	width:270px;

}	
.mailgun{font:x-small, dotum;margin-top:10px;margin-left:110px;margin-bottom:0px;width:120px; float:left}
.mailportlet .graph{float:right;margin-right:10px;margin-bottom:18px;margin-top:-25px}
.mailportlet{background:url(/images/main/mail.jpg) no-repeat;width:335px;height:144px;padding:0;margin-top:7px }
.mailportlet h1{display:none}
.mailportlet .portletlist{clear:both;width:310px; border-top:none;height:18px;background:none;}


/* banner */
.banner1{background:url(/images/main/banner_01.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner2{background:url(/images/main/banner_02.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner3{background:url(/images/main/banner_03.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner4{background:url(/images/main/banner_04.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner5{background:url(/images/main/banner_05.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner6{background:url(/images/main/banner_06.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner7{background:url(/images/main/banner_07.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner8{background:url(/images/main/banner_08.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner10{background:url(/images/main/banner_10.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner11{background:url(/images/main/banner_11.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner12{background:url(/images/main/banner_12.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner13{background:url(/images/main/banner13.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner14{background:url(/images/main/banner14.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner15{background:url(/images/main/banner15.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner16{background:url(/images/main/banner16.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner17{background:url(/images/main/banner_17.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}
.banner18{background:url(/images/main/banner_18.gif) no-repeat;margin-bottom:1px; cursor:pointer; width:156px;height:33px}


/*  login */
.layout{ width:635px; height: 395px; margin:0 auto; margin-top:80px; background: url(../images/login/back.gif) no-repeat 40px left;}
.layout h1 { padding-left:12px;background:url(../images/login/logo.gif) no-repeat 10px; width:166px; height:38px}
.login h2{font:xx-small;margin:0;margin-top:30px; background:url(../images/login/login_title.gif) no-repeat;width:228px; height:44px;}
.login{ margin-left:1px; margin-top:10px;height:333px; padding-left:330px;background: url(../images/login/back_01.jpg) no-repeat 10px left;}
.id{width:130px; margin-top:0px; background:url(../images/login/id.gif) no-repeat;padding-left:70px;}
.pw{width:130px; background:url(../images/login/pw.gif) no-repeat;padding-left:70px;}
.lang{width:130px; background:url(../images/login/lang.gif) no-repeat;padding-left:55px;}
.id input, .pw input{width:110px; font:9pt dotum; padding-top:2px; }
.lang select{width:115px;height:22px; font:9pt dotum; padding-top:2px}
#LoginButton{margin-left:190px;margin-top:-50px;width:53px; height:42px;}
.fix{background:url(../images/login/fix.gif) no-repeat;width:258px;height:39px; margin-top:10px;}
.tip{background:url(../images/login/tip.gif) no-repeat;width:258px;height:39px}
.idsave {margin-top:-10px;margin-left:67px; background:url(/images/login/save_id.gif) no-repeat 20px;width:100px;height:20px;}
.login_banner1 {margin-left:0px; margin-top:25px; background:url(/images/login/bann_messenger.gif) no-repeat;cursor:hand;width:186px; height:45px;}
.copyrights { margin-top:-180px;height:42px; width:502px;height:42px; background:url(/images/login/copyrights.gif) no-repeat;}

.login_notice {margin-left:2px;margin-top:10px;width:256px}
.notice_more{
	background:url(/images/login/bt_more.gif) no-repeat;
	height:10px;
	width:31px;
	margin-left:220px; 
	margin-top:-143px;
}
.login_wp h1{
	background:url(/images/login/title_notice.gif) no-repeat left top;
	height:25px;
	width:100%;
}
.login_wp .list{
	height:20px; 
	padding-left:10px; 
	background: url(/images/login/dot_01.gif) no-repeat left;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%}

