@charset "utf-8";
@import url("/_wscms30/layout/cms_info.css");

body {margin:0; padding:0; background:url(/images/intranet/new_main/top_bg.gif) repeat-x scroll 0 0 #f2f2f2;}

#wrap {position:relative; margin:0 auto; padding:0; width:990px; overflow:hidden;}
	
	#header {position:relative; width:990px; height:165px; margin:0; padding:0;}
		.toplink {position:absolute; top:0; right:0; height:25px; padding:0;}
			.toplink li {float:left; margin:0;}
			
		#logo {position:relative; float:left; margin:30px 0 0 0; padding:0; width:230px; }

		#gnb {position: relative; float:left; margin:0; padding:0; width:990px; height:74px; display:inline; background:url(/images/intranet/new_main/gnb_bg.gif) no-repeat transparent; z-index:1;}
		#gnb ul {overflow:hidden;}
		#gnb ul li {margin:0; float:left;}
		#gnb ul li a {display:block; color:#666; font-weight:bold;}
		#gnb ul li a:hover,
		#gnb ul li.on a {color:#FFC34B; }
		
		#gnb ul ul {position:absolute; display:none;}
		#gnb01 {width:500px; margin:3px 0 0 50px;}
		#gnb02 {width:400px; margin:3px 0 0 150px;}
		#gnb03 {width:500px; margin:3px 0 0 280px;}
		#gnb04 {width:400px; margin:3px 0 0 500px;}
		#gnb05 {width:200px; margin:3px 0 0 720px;}
		#gnb06 {width:300px; margin:3px 0 0 760px;}
		#gnb ul li.on ul {display:block; left:0;}
		#gnb ul li.on ul li {margin:0 15px 0 0;}
		#gnb ul li.on ul li a {font-weight:normal; color:#666; white-space:nowrap;}
		#gnb ul li.on ul li.on a,
		#gnb ul li.on ul li a:hover {color:#0194CC; text-decoration:underline;}
	
	#middle {position:relative; width:990px; overflow:hidden; margin:30px 0 0 0; padding:0; z-index:1;}
		
		#snb {position:relative; width:180px; float:left; margin:0; padding:0; display:inline;}
			.today {position:relative; width:180px; height:30px; padding:0; margin:0; text-align:center; font-weight:bold; font-size:11px; background:url(/images/intranet/new_sub/today_bg.gif) no-repeat; color:#fff;}
			h1#d_title {position:relative; padding:0; margin:0;}
			.menu_all {position:absolute; top:0; left:0; margin:0; padding:0;}
			

			#snb .depth01 {position:relative; width:180px; margin:0; padding:0;}
			#snb .depth01 li.close .depth02 {display:none;}
			#snb .depth01 li {
				position:relative;
				width:160px;
				margin:0; 
				padding:8px 0 6px 20px;
				display:block;
				background:url(/images/intranet/new_sub/subleft_off_1.gif) no-repeat;}
			
			#snb .depth01 li a {color:#333333;}

			#snb .depth01 li.on {font-weight:bold; background:url(/images/intranet/new_sub/subleft_on.gif) no-repeat;}
			#snb .depth01 li.on a {color:#0095da;}
			#snb ul li a:hover {text-decoration:underline;}
			#snb .depth01 li.more a {display:block; background:url(/images/intranet/sub/sub_more.gif) no-repeat 145px 4px;}
			#snb .depth01 li.more ul li a {background:none;}
			
			#snb .depth01 .depth02 {margin:15px 0 0 0; }

			#snb .depth01 .depth02 li {
				width:145px;
				margin:0; 
				padding:0 0 4px 13px;
				border:none;
				background:url(/images/intranet/sub/subleft_off2.gif) no-repeat left 7px;
			}

			#snb .depth01 .depth02 li.on {font-weight:bold; background:url(/images/intranet/sub/subleft_on2.gif) no-repeat left 7px;}
			#snb .depth01 .depth02 li.on a {color:#0194CC; font-weight:bold !important;}
			#snb .depth01 .depth02 li a {color:#333; padding:0; margin:2px 0;font-weight:normal;}
			
			#snb .sub_btbg {clear:both; width:190px; height:5px; padding:0; line-height:0; margin:0;}


		#container {width:780px; overflow:hidden; margin:0; padding:0; float:right;}
			
			#content_top {position:relative; height:54px; padding:0; margin: 0; background:url(/images/intranet/new_sub/con_top_bg.gif) repeat-x; overflow:hidden;}
				
				#location {position:absolute; top:0; right:0; padding:5px 0 5px 18px; margin:0; font-size:11px; text-align:right; background:url(/images/intranet/new_sub/buLocation.gif) no-repeat left 7px;}
				h1#p_title {position:absolute; top:0; left:0; margin:0 0 5px 5px; padding:0 0 0 30px; font-size:14px; color:#0194CC; background:url(/images/intranet/new_sub/p_title.gif) no-repeat left -1px;}
				
			#content {position:relative; width:780px; min-height:500px; padding:0; overflow:hidden; text-align:left; margin:0;}
			#content ul { padding-left:15px !important;}
	
	#footer {position:relative; width:990px; height:70px; margin:20px 0; padding:0; background:url(/images/intranet/new_sub/co_bg.gif) repeat-x;}
		.copyright {position: absolute; padding:0; left:279px; top:15px;}

			
/* 정운영 추가 */
dl.img_list {
	border:1px dotted #ccc;
	width:610px;
	float:left;
	background-color:#f7f7f7;
	padding:5px;
	margin-top:30px;
}
dl.img_list dt {
	font-weight:bold;
	background:#000;
	color:#fff;
	padding:3px;
	margin-bottom:5px;
	border:1px #fff;
}
dl.img_list dd {
	width:580px;	
	float:left;
	padding-left:20px;
	background:url(/_wscms30/img/temp/buLocation.gif) no-repeat 0 1px;
	border-bottom:1px dotted #ccc;
}
dl.img_list dd span.img_src {

	width:400px;
}
dl.img_list dd span.img_alt {
	margin-right:20px;
}




#update_field { position:absolute;width:240px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;}
#update_field p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
.update_field .value { margin-left:0px;}
#update_field .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.update_field .open_update_field { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
.update_field .value em { border:1px dotted #ccc; background-color:#f5f6f7; display:inline-block; width:80px; height:14px; margin:0; vertical-align:middle;}
.update_field li { background:none !important;}
#update_field input { font-size:12px; padding:3px 2px;  }

#update_text_field { position:absolute;width:620px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;}
#update_text_field p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
.update_text_field .value { margin-left:0px;}
#update_text_field .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.update_text_field .open_update_text_field { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
.update_text_field .value em { border:1px dotted #ccc; background-color:#f5f6f7; display:inline-block; width:80px; height:14px; margin:0; vertical-align:middle;}
.update_text_field li { background:none !important;}
#update_text_field input { font-size:12px; padding:3px 2px;  }

#select_zipcode { position:absolute;width:420px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;  }
#select_zipcode p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
#select_zipcode .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.select_zipcode .open_select_zipcode { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
#select_zipcode div input { width:80px; border:1px solid #ccc;  vertical-align:middle;}
.select_zipcode .zipcode {  font-weight:bold; font-family:Trebuchet MS,Verdana,Arial,sans-serif; font-size:12px;}
.select_zipcode .addr1 { display:block;}
.select_zipcode .addr2 input {  position:relative;margin:2px;padding:3px 4px;border:1px solid #b7b7b7;background:transparent; width:400px;}
#select_zipcode ul { height:100px; overflow-y:scroll; overflow-x:hidden; background-color:#fff; border:1px solid #ccc; padding:2px; line-height:170%;}
#select_zipcode ul li { display:block; padding-top:2px; padding-bottom:2px; width:100%; overflow:hidden;}
#select_zipcode ul li:hover { background-color:#f2f2f2;}
#select_zipcode ul .zipcode { margin-right:4px;}
#select_zipcode input.zipcode { text-align:center;padding:3px 2px; }
#select_zipcode label { width:60px; margin-right:5px; display:inline-block; text-align:right; font-weight:bold;}
#select_zipcode input { font-size:12px; padding:3px 2px; vertical-align:middle; }
#select_zipcode hr { display:block; border-collapse:collapse; border:0; border-bottom:1px dotted #ccc; height:4px;}

.form_table { border:4px solid #CED7E9; background-color:#EFF4FF; margin-left:10px;float:left; position:relative; width:780px}
.form_body{margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif; background-color:#fff; float:left; margin:10px;width:760px;}
.form_table_title { font-size:14px; font-weight:bold; color:#4D67B3; padding:10px 10px 5px 10px;}
.form_body input,
.form_body textarea,
.form_body select,
.form_body table,
.form_body button{font-size:12px  !important;}
.form_body dl { height:100%; margin:0 20px 20px 20px;}
.form_body dt { margin:4px 0 4px 5px;font-weight:bold; float:left; width:100px; }
.form_body dd { margin:4px 0 4px 5px;  float:left; width:600px; min-height:22px; }
.form_body dd label { margin-right:4px; margin-left:2px;}	

	a.btn_big{display:inline-block;padding-right:4px;background:url(/images/st/btn_area/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
	a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/images/st/btn_area/bg_btn_default.gif) no-repeat}
	a.btn_sml{display:inline-block;padding-right:4px;background:url(/images/st/btn_area/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
	a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/images/st/btn_area/bg_btn_default.gif) no-repeat 0 -27px}





#select_member { position:absolute;width:190px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;}
#select_member p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
.select_member .user_name { margin-left:4px;}
.select_member .part_name {color:#6198D9; font-weight:bold;}
#select_member .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.select_member .open_select_member { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
#select_member ul { padding-left:3px !important;}
#select_member ul li { padding-left:3px;}
#select_member .depart { background:url(/images/board/team.gif) no-repeat; padding-left:18px !important; color:#09F;}
#select_member .staff { background:url(/images/board/ico_user.gif) no-repeat; padding-left:18px !important; color:#09F;}
#select_member .staff .position_name { color:#666;}
#select_board_cate { position:absolute;width:140px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;}
#select_board_cate p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
#select_board_cate .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.ui-draggable li { padding-left:15px !important;}


#select_group { position:absolute;width:140px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6;}
#select_group p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; min-height: }
#select_group .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
div.select_group { padding-top:0px;}
.select_group .open_select_group { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
#select_group div input { width:80px; border:1px solid #ccc; height:18px; vertical-align:middle;}

#select_calendar { position:absolute;width:205px; border:1px solid #ccc; padding:5px; z-index:200; background-color:#EFF4FF; border:1px solid #CED7E9; line-height:1.6; }
#select_calendar p { background-color:#CED7E9; display:block; padding:3px 2px 2px 4px; font-weight:bold; margin-bottom:2px; cursor:move; }
#select_calendar .close { position:absolute;right:0;top:5px; background:url(/images/st/btn_area/btn_close4.gif) no-repeat 2px 50%; height:20px; width:20px;  z-index:10000; cursor:pointer; } 
.select_calendar .open_calendar_group { position:relative; display:inline-block; top:0px; background:url(/images/st/ico_s_resize.gif) no-repeat 2px 50%; height:10px; width:20px;  cursor:pointer; margin-left:4px;}
#select_calendar div input { width:80px; border:1px solid #ccc; height:18px; vertical-align:middle;}

.indicator { position:absolute;}

.language_btn { position:absolute; top:30px; right:100px; border:1px solid #ccc;}