@charset "utf-8";
/* CSS Document */
/*index에 있는 css부분*/
#index {margin: 0px auto;width: 100%;height: 1080px;}
#index:after {content:'';display:block;}
.input_st{background-color: #f0f4f4;height: 25px;width: 170px;border: 1px solid #999;margin-top: 2px;}/*인덱스textinput스타일*/
.index_img{background-image: url(../image/index.png);}
.pro_de{width: 71px;height: 71px; border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius: 10px;border: 2px solid #4aa6bb;background-color: #ffffff;background-image: url(../image/profile.png);}
/*폰트적용*/



/*-------------------------------------------------------------메인top시작----*/

/*메인top헤더용*/
#header {width: 100%;height: 50px;background-image: url(../image/top_bg.gif);}
/*메인top 장헌로고용*/
#header_logo{width:200px;height:50px;clear:none;float:left;}
/*메인top 자주가는 아이콘위치공간*/
#header_icon{width:537px;height:50px;clear:none;float:right;clear:none;}

#top_icon_01{width:124px;height:50px;float:left;clear:none;}
#top_icon_02{width:121px;height:50px;float:left;clear:none;}
#top_icon_03{width:95px;height:50px;float:left;clear:none;}
#top_icon_04{width:112px;height:50px;float:left;clear:none;}
#top_icon_05{width:126px;height:50px;float:left;clear:none;}

#top_icon_07{width:109px;height:50px;float:left;clear:none;}
#top_icon_08{width:116px;height:50px;float:left;clear:none;}
#top_icon_09{width:132px;height:50px;float:left;clear:none;}
#top_icon_10{width:112px;height:50px;float:left;clear:none;}
#top_icon_11{width:86px;height:50px;float:left;clear:none;}

#top_icon_halla{width:118px;height:50px;float:left;clear:none;}
#top_icon_hanmac{width:135px;height:50px;float:left;clear:none;}
#top_icon_satis{width:97px;height:50px;float:left;clear:none;}

#logout{width:50px;height:50px;float:left;clear:none;}
/*-------------------------------------------------------------메인top완료----*/


/*--------------------------------------------------------메인left메뉴시작----*/
#left_m{
	width: 200px;height:1080px; clear: none;float: left;border-right-width:1px; border-right-style: solid;	border-right-color: #000;
	background-color: #343f4e;border-left-width: 1px;border-left-style: solid;
	border-left-color: #000;
}
/*메인left 2덩어리 개인정보와 메뉴로 나눔*/
/*메인left 1. 개인정보 */
.left_m_info{width:200px; height:224px;float:left;clear:none;}
/*메인left 2. 첫화면 */
.left_m_menu_home{width: 200px;height: 35px;float: left;margin-top: 1px;}
/*메인left 3. 나머지메뉴들 */
.left_m_menus{
	width: 200px;
	float: left;
	margin-top: 0px;
	font-family: "굴림";
	font-size: 12px;
	color: #fff;
}
.left_m_menus:link{
	font-family: "굴림";
	font-size: 12px;
	color: #fff!important;
}
/*메인left 3. 나머지 메뉴 안에 있는 메뉴들 */
/*메인left 3-1. 전자결재영역 */
.left_m_02{width:200px;height:170px;float:left;margin-top: 1px;}
.left_m_top{width:200px;height:35px;float:left;}
.left_m_top01{
	width: 200px;
	height: 40px;
	float: left;
	margin-top: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #c3c4c9;
	border-bottom-color: #c3c4c9;
}
.left_m_top02{
	width: 200px;
	height: 45px;
	float: left;
	margin-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c3c4c9;
}



/*메인left 3-2. 자료실영역 */
.left_m_03{width:200px;height:143px;float: left;margin-top: 1px;}
/*메인left 3-3. 교육영역 */
.left_m_04{width:200px;height:116px;float: left;margin-top: 1px;}
/*메인left 3-4. 팀관리영역 */
.left_m_05{width:200px;height:116px;float: left;margin-top: 1px;}
/*메인left 3-4. 소메뉴 클릭시 */
.left_m_text{
	width: 150px;
	height: 27px;
	float: left;
	font-family: "굴림";
	font-size: 12px;
	color: #fff!important;
	padding-left: 40px;
	vertical-align: middle;
	line-height: 27px;
}
.left_m_text:link{
	height: 25px;
	font-family: "굴림";
	font-size: 12px;
	color: #fff!important;
	}
.left_m_text:hover{
	background-color: #202731;
	height: 25px;
	width: 157px;
	color: #00eaff!important;
	font-family: "굴림";
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c222a;
	border-right-color: #00eaff;
	border-bottom-color: #1c222a;

	}




/*--------------------------------------------------------메인left메뉴완료----*/

/*--------------------------------------------------------메인개인정보메뉴시작----*/
/*메인개인정보 사진란 */
.user_picture{
	width: 90px;
	height: 107px;
	margin-top: 20px;
	margin-left: 53px;
	border: 1px solid #000;
	background-color: #FFF;
	float: left;
	clear: none;
	text-align: center;
	vertical-align: middle;
}
/*메인개인정보 text사원이름영역 */
.user_name{width: 190px;height: 18px;margin-left: 5px;float: left;margin-top: 15px;
	font-family: "돋움";font-size: 12px;font-weight: bold;color: #FFF;text-align: center;line-height: 18px;}
/*메인개인정보 text사원부서사번영역 */
.user_number{width:190px;height:18px;margin-left: 5px;float:left;
	font-family: "돋움";font-size: 12px;color: #FFF;text-align: center;line-height: 18px;}
.user_info_bt{width: 92px;height: 23px;float: left;margin-top: 8px;margin-left: 54px;	background-image: url(../image/myinfo.png);background-repeat: no-repeat;
	font-family: "돋움";font-size: 11px;line-height: 23px;
	color: #FFF;vertical-align: middle;text-align: center;}
	
	
	
/*--------------------------------------------------------메인개인정보메뉴완료----*/




/*--------------------------------------------------------메인전자결재메뉴시작----*/

/*전자결재 및 현황공유 전체영역*/
.main_02_01{width: 380px;height:180px; float:left;clear:none;}
/*전자결재영역*/
.main_check{width:180px;height:180px;float:left;}
.main_check_top{width: 180px;height: 36px;float: left;background-image: url(../image/work_check_top.png);}
.main_check_middle{width: 178px;height: 144px;float: left;border-right-width: 1px;border-bottom-width: 1px;	border-left-width: 1px;	border-right-style: solid;	border-bottom-style: solid;
	border-left-style: solid; border-right-color: #bbc0c6; border-bottom-color: #bbc0c6;border-left-color: #bbc0c6;	background-color: #FFF;}
/*현황공유영역*/
.main_share{width:180px;height:180px;float:right;}
.main_share_top{width: 180px;height: 36px;float: left;background-image: url(../image/work_share_top.png);}

/*--------------------------------------------------------메인전자결재메뉴완료----*/







/*--------------------------------------------------------메인화면시작----*/
/*메인큰틀 */
.main_space{width: 100%;margin-top: 20px;margin-left: 20px;}
/*메인업무계획 및 사내공지영역 전체틀 */
.main_01{width: 580px;float:left;clear:none;}
/*업무계획 및 업무기록 내역 전체틀 */
.work_plan{width:580px; height: 484px;float:left;clear:none;}

/*업무계획상단탑*/
.work_plan_top{width: 580px;height: 36px;float: left;clear:none; background-image: url(../image/work_plan_top_bg.png);}
/*업무계획상단탑안에있는 글쓰고 수정하는 곳*/
.work_write{
	width: 68px;
	height: 36px;
	float: right;
	clear:none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2c6ca3;
}
.work_out_of{
	width: 90px;
	height: 36px;
	float: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1f4f6b;

}
/*사내공지 더보기*/
.notice_more{
	width: 24px;
	height: 23px;
	float: right;
	margin-top: 7px;
	margin-right: 7px;
}

/*최근업무내용 더보기*/
.work_recent{
	width: 24px;
	height: 23px;
	float: right;
	margin-right: 6px;
}


/*--------------------------------------------------------업무코드시작----*/
.code3{
	margin-left:20px;
	width: 526px;
	height: 173px;
	float: left;
	clear: none;
	background-image: url(../image/work_bg.png);
	background-repeat: no-repeat;
}


/*업무수정*/
.code1{width:454px;height:187px;float:left;clear:none;}
.code2{width:120px;height:187px;float:left;}/*버튼바뀌는영역*/
.code1_01{width:436px;height:31px;float:left;clear:none;margin-left:10px;margin-top:11px;}
.code1_01_02{
	width: 152px;
	height: 31px;
	float: left;
	clear: none;
	line-height: 31px;
}/*프로젝트코드인풋영역*/
.code1_01_03{
	width: 52px;
	height: 31px;
	float: left;
	clear: none;
	line-height: 31px;
} /*약칭*/
.code1_02{width:356px; height:31px;float:right;clear:none;}
.code1_01_text{
	width: 80px;
	height: 31px;
	float: left;
	line-height: 31px;
}
.code_work_text{width:436px;height:73px;margin-left:10px;float:left;margin-top:11px;}/*업무내용영역*/

.code_work_text_01{
	width: 80px;
	height: 73px;
	float: left;
	clear: none;
	line-height: 73px;
}
.code_work_text_02{width:356px;height:73px;float:left;}

.code_search_bt{width:97px;height:31px;float:left;margin-top:11px;margin-left:15px;clear:none;}
.code_work_start_bt{width:97px;height:114px; margin-top:14px;float:left;margin-left:15px;}
.code_work_add_start_bt{width:97px; height:31px; float:left;margin-top:11px;margin-left:15px;}/*업무종료버튼*/
.code_work_add_start_bt02{width:97px; height:73px;float:left;margin-top:11px;margin-left:15px;}/*연장근무버튼*/

/*업무계획 코드입력창*/
.work_plan_code{width: 578px;height: 187px; float: left;background-color: #ffffff;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;	border-left-style: solid;border-right-color: #1f4f6b;
	border-left-color: #1f4f6b;border-bottom-width: 1px;border-bottom-style: solid;	border-bottom-color: #1f4f6b;}

/*업무계획관련게시판*/
.work_plan_bbs{width:578px; height:261px;float:left;background-color: #ffffff;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;	border-left-style: solid;border-right-color: #1f4f6b;
	border-left-color: #1f4f6b;	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #1f4f6b;}
	
/*사내공지 전체틀 */
.work_notice{width: 580px;height: 248px;float: left;margin-top: 20px;}

/*사내공지 전체상단탭 */
.work_notice_top{width: 580px;height: 36px;float: left;clear:none; background-image: url(../image/work_notice_top_bg.png);}
/*사내공지 전체상단탭*/
.work_notice_bbs{width: 578px;height: 212px;float: left;clear:none;background-color: #ffffff;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;	border-left-style: solid;border-right-color: #1f4f6b;
	border-left-color: #1f4f6b;	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #1f4f6b;}







/*--------------------------------------------------------2번째 메인영역시작----*/
/*2번째 메뉴 전체틀 */
.main_02{width: 380px;margin-left:20px; float:left; clear:none;}



/*경영정책및 사규집 사내양식 오늘의 교육자료 전체영역*/
.main_02_02{width: 380px;height: 66px; float: left;margin-top: 15px;}
.main_cbt1{width: 92px;height: 66px; float: left;}
.main_cbt2{width: 92px;height: 66px; float: left;margin-left: 4px;}

/*경영정책및 사규집 사내양식 오늘의 교육자료 마우스오버를 만들자*/

/*액션플랜마우스오버시*/
a.cbt1 img {border-width:0px; display:inline;}
a.cbt1 img.over {display:none;}
a.cbt1:hover{border:0px}
a.cbt1:hover img{display:none;}
a.cbt1:hover img.over{display:inline;}
a.cbt1:focus {border:0px}
a.cbt1:focus img{display:none;}
a.cbt1:focus img.over{display:inline;}


/*액션플랜마우스오버완료*/


/*주요일정 전체영역*/
.main_02_03{width: 380px;height: 198px;	float: left;margin-top: 20px;}
.main_calender_top{width: 380px;height: 36px;float: left;clear: none;	background-image: url(../image/work_calender.png);
	background-repeat: no-repeat;}
.main_calender_middle{	width: 378px;	height: 172px;	float: left;	background-color: #FFF;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;
	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-right-color: #bbc0c6;	border-bottom-color: #bbc0c6;	border-left-color: #bbc0c6;}

/*날씨 및 점심식단 전체영역*/
.main_02_04{width: 380px;height: 180px;	float: left;margin-top: 30px;}

/* 오늘의 날씨 호버만들기*/
.main_weather {
	display: block;
	text-decoration: none;
	width: 180px;
	height: 180px;
	float:left;
	background-image: url(../image/weather_nor.png);
}
.weather_icon{
	width:82px;
	height:80px;
	float:left;
	clear:none;
}


.weather_icon a:hover{
	width: 82px;
	height: 80px;
	/*background-color: #639cc8;*/
	opacity: 30px;
	float: left;
	clear: none;
	background-image: url(../image/weather_select_press.png);
	/*opacity: 0.9;
	filter: alpha(opacity=60);
	background-repeat: no-repeat;*/
}

/* 오늘의 점심식사 상단*/
.main_lunch_top{width: 180px;height: 36px;float: left;background-image: url(../image/main_lunch_top.png);}


/* 오늘의 점심식사 text*/
.lunch_text01{font-family: "굴림";font-size: 12px; color:#505050;}
.lunch_text02{font-family: "굴림";font-size: 11px; color:#aaaaaa;}

/*생일 전체영역*/
.main_02_05{width: 380px;height: 48px;float: left;	margin-top: 15px;
	background-image: url(../image/main_happy.png);	background-repeat: no-repeat;}
/*--------------------------------------------------------2번째 메인영역끝----*/




/*--------------------------------------------------------3번째 관리자모드----*/
/*관리자모드*/
.main_03{width: 70px;height:391px; margin-left:20px; float:left;}
.main_management_01{width:70px;height:91px;float:left;clear:none;}
.main_management_02{width: 70px;height: 91px;float: left;margin-top: 9px;}
/*--------------------------------------------------------3번째 관리자모드끝----*/







/*--------------로그온페이지----------*/
.login_box{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 960px;
	height: 694px;
	overflow: hidden;
	margin-top: -347px;
	margin-left: -480px;
	background-image: url(../image/jh_intranet_text.png);
	background-repeat: no-repeat;
}

#main_banner{width:157px;height:auto;margin-left:20px;float:left;}
.banner{ margin-bottom:6px; cursor: pointer;}

/*
#main_banner{width:157px;height:auto;margin-left:20px;float:left;}
#banner01{width:100%;height:135px;}
.banner{width:100%;height:134px;margin-top:20px;}
*/