﻿iframe
{
	border-width:		0px;
}

.st_ellipsis
{
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
	-o-text-overflow:	ellipsis;
}

.st_hidden_data
{
	display: none !important;
}

.st_hidden_item
{
	display: none;
}

.st_hidden_mask
{
	width:		0px;
	height:		0px;
	overflow:	hidden;
}

.st_delete_item
{
	display:	inline-block;
}

	.st_delete_item .st_delete_item_button
	{
		width:				12px;
		height:				12px;
		background:			url( '/Content/image/icon/icon_list_delete.png' ) no-repeat 0px 0px;
		cursor:				pointer;
	}

	.st_delete_item .st_delete_item_delete
	{
		display:	none;
	}

.st_progress_bar
{
}

.st_switch_group
{
	display:			inline-block;
	border-radius:		3px;
	width:				57px;
	height:				20px;
	position:			relative;
	overflow:			hidden;
	border:				1px solid #aaaaaa;
}

	.st_switch_group.st_switch_text
	{
		width:			auto;
		height:			auto;
		border-width:	0px;
		display:		inline;
	}

	.st_switch_group.st_on
	{
		border:		1px solid #4cae4c;
	}

	.st_switch_group:hover
	{
		border-color:	#999999;
	}

		.st_switch_group:hover.st_on
		{
			border-color:	#398439;
		}

	.st_switch_group .st_switch
	{
		position:			absolute;
		cursor:				pointer;
		width:				200%;
		height:				20px;
		left:				-100%;
		overflow:			hidden;
	}

		.st_switch_group.st_on .st_switch
		{
			left:		0%;
		}

		.st_switch_group .st_switch .st_switch_text_on
		{
			float:				left;
			width:				50%;
			height:				100%;
			line-height:		20px;
			background-color:	#5cb85c;
			text-align:			center;
			color:				#ffffff;
		}

			.st_switch_group .st_switch .st_switch_text_on span
			{
				padding-right:	13px;
			}

	.st_switch_group:hover .st_switch_text_on
	{
		background-color:	#449d44;
	}

			

		.st_switch_group .st_switch .st_switch_text_off
		{
			float:				left;
			width:				50%;
			height:				100%;
			line-height:		20px;
			text-align:			center;
			background-color:	#e6e6e6;
			/*box-shadow:			3px 3px 3px 0px #cccccc inset;*/
			color:				#000000;
		}

			.st_switch_group .st_switch .st_switch_text_off span
			{
				padding-left:	13px;
			}


		.st_switch_group .st_switch .st_switch_controll
		{
			position:			absolute;
			left:				50%;
			margin-left:		-13px;
			margin-top:			-1px;
			width:				25px;
			height:				100%;
			background-color:	#ffffff;
			border:				1px solid #cccccc;
			border-radius:		4px;
			z-index:			10;
		}

			.st_switch_group .st_switch .st_switch_controll:hover
			{
				background-color:	#e6e6e6;
				border-color:		#adadad;
			}

			.st_switch_group .st_switch_print_off
			{
				color:		#e90000;
			}

			.st_switch_group .st_switch_print_on
			{
				color:		#0e6ad3;
			}
		


.st_calendar
{
	display:		inline-block;
}

	/* UL */
	.st_calendar > ul
	{
		margin:     0;
		padding:    0;
		width:      auto;
		height:     auto;
		list-style:	none;
		overflow:   hidden;
		padding:	0px 0px 0px 4px;
	}

		/* LI */
		.st_calendar > ul > li
		{
			float:		left;
			text-align:	right;
			width:		auto;
		}

			.st_calendar > ul > li > div
			{
				text-align:		left;
				width:			auto;
				padding:		0px 6px 0px 0px;
				cursor:			pointer;
				/*border:			1px solid #808080;*/
			}

			.st_calendar > ul > li.st_calendar_btn_caller
			{
				background-image:	url( '/Content/image/icon/icon_calendar_01.png' );
				background-repeat:	no-repeat;
				width:				14px;
				height:				14px;
				cursor:				pointer;
			}



	.st_calendar .st_calendar_border
	{
		position:			absolute;
		display:			none;
		background-color:	#ffffff;
		border:				1px solid #999999;
		z-index:			100;
		box-shadow:			4px 4px 2px silver;
		-moz-box-shadow:	4px 4px 2px silver;
		-webkit-box-shadow:	4px 4px 2px silver;
		padding:			10px;
	}

			/* UL */
		.st_calendar .st_calendar_border .st_calendar_controller
		{
			margin-top:		10px;
			width:			100%;
			height:			auto;
			list-style:		none;
			overflow:		hidden;
		}

			/* LI */
			.st_calendar .st_calendar_border .st_calendar_controller li
			{
				float:		left;
				text-align:	center;
				font-size:	12px;
			}

			.st_calendar .st_calendar_border .st_calendar_controller li.st_calendar_controller_display
			{
				width:			128px;
				margin-top:		2px;
			}
			
			.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn
			{
				cursor:			pointer;
				font-size:		8px !important;
				border-radius:	50%;
				border:			1px solid #999999;
				color:			#999999;
				width:			20px;
				height:			20px;
				line-height:	20px;
			}

				.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn:hover
				{
					background-color:	#cdcdcd;
					color:				#ffffff;
				}


				.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn.st_calendar_controller_prev_year,
				.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn.st_calendar_controller_prev_month
				{
					margin-right:	4px;
				}
			
				.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn.st_calendar_controller_next_month,
				.st_calendar .st_calendar_border .st_calendar_controller .st_calendar_controller_btn.st_calendar_controller_next_year
				{
					margin-left:	4px;
				}


		/* div */
		.st_calendar .st_calendar_border .st_calendar_day_group
		{
			width:				auto;
			margin-top:			20px;
			background-color:	#ffffff;
		}
	

			/* UL */
			.st_calendar .st_calendar_border .st_calendar_day_group	ul
			{
				margin:     0;
				padding:    0;
				width:      auto;
				height:     auto;
				list-style:	none;
				overflow:   hidden;
				border:		0px solid red;
			}

				/* LI */
				.st_calendar .st_calendar_border .st_calendar_day_group	li
				{
					float:			left;
					text-align:		right;
					/*padding:		4px 4px 4px 4px;*/
					cursor:			pointer;
					font-size:		12px;
					border-radius:	50%;
					width:			30px;
					height:			30px;
					line-height:	30px;
					text-align:		center;
					border:			1px solid #ffffff;
					color:			#666666;
					font-weight:	bold;
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_mouseover
				{
					border-color:	#bd3b2b;
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_mouseout
				{
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_calendar_orther_month_day
				{
					color:			#acacac;
					font-weight:	initial;
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_calendar_week_sat
				{
					color:		#002eff;
				}
				
				.st_calendar .st_calendar_border .st_calendar_day_group .st_calendar_week_sun
				{
					color:		#bd3b2b;
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_calendar_holiday
				{
					color:		#bd3b2b;
				}

				.st_calendar .st_calendar_border .st_calendar_day_group .st_calendar_cur_day
				{
					border-color:		#bd3b2b;
					background-color:	#bd3b2b;
					color:				#dedede;
				}


.st_filedownload
{
}

	.st_filedownload:hover
	{
		cursor:				pointer;
		text-decoration:	underline;
	}

.st_fileupload
{
}


	/* ul */
	.st_fileupload .st_fileupload_group
	{
		margin:     0;
		padding:    0;
		width:      auto;
		height:     auto;
		list-style:	none;
		overflow:   hidden;
		border:		0px solid red;
	}

	
		.st_fileupload .st_fileupload_group li
		{
			float:			left;
			text-align:		left;
			height:			22px;
			line-height:	22px;
		}


		.st_fileupload .st_fileupload_group .st_fileupload_filename
		{
			width:				300px;
			border:				1px solid #A9A9A9;
			position:			relative;
			background-color:	#ffffff;
		}

			.st_fileupload .st_fileupload_group .st_fileupload_filename .st_progress_bar
			{
				width:				0px;
				height:				0px;
				background-color:	#ffe85d;
				position:			relative;
			}

			.st_fileupload .st_fileupload_group .st_fileupload_filename div
			{
			}

				.st_fileupload .st_fileupload_group .st_fileupload_filename div:last-child
				{
					position:			absolute;
					width:				98%;
					height:				100%;
					padding-left:		4px;
					left:				0px;
					top:				0px;
				}

		.st_fileupload .st_fileupload_group .st_fileupload_button_find
		{
			cursor:					pointer;
			width:					66px;
			background-image:		url( '/Content/image/button/btn_file_find.gif' );
			background-position-y:	2px;
			background-repeat:		no-repeat;
			margin-left:			4px;
		}

		.st_fileupload .st_fileupload_group .st_fileupload_button_save
		{
			cursor:					pointer;
			width:					43px;
			background-image:		url( '/Content/image/button/btn_file_save.gif' );
			background-position-y:	2px;
			background-repeat:		no-repeat;
			margin-left:			2px;
			display:				none;
		}

		.st_fileupload .st_fileupload_group .st_fileupload_button_view
		{
			cursor:					pointer;
			width:					43px;
			background-image:		url( '/Content/image/button/btn_file_view.gif' );
			background-position-y:	2px;
			background-repeat:		no-repeat;
			margin-left:			2px;
			display:				none;
		}

		.st_fileupload .st_fileupload_group .st_fileupload_button_delete
		{
			cursor:					pointer;
			width:					43px;
			background-image:		url( '/Content/image/button/btn_file_delete.gif' );
			background-position-y:	2px;
			background-repeat:		no-repeat;
			margin-left:			2px;
			display:				none;
		}


.st_btn_file_add_0000
{
	width:				120px;
	height:				33px;
	line-height:		33px;
	background-color:	#a9a9a9;
	border:				1px solid #acacac;
	color:				#ffffff;
	cursor:				pointer;
	display:			inline-block;
	font-size:			inherit;
	position:			relative;
	overflow:			hidden;
}

	.st_btn_file_add_0000 > div
	{
	}

	.st_btn_file_add_0000 > input
	{
		position:		absolute;
		top:			0px;
		right:			0px;
		font-size:		60px;
		cursor:			pointer;
		opacity:		0;
		filter :		alpha(opacity=0);
		-ms-filter:		"alpha(opacity=0";
		-khtml-opacity: 0;
		-moz-opacity:	0;
	}

.st_btn_file_add_0000.st_hide
{
	opacity:		0;
	filter :		alpha(opacity=0);
	-ms-filter:		"alpha(opacity=0";
	-khtml-opacity: 0;
	-moz-opacity:	0;
}

/*******************************************************************************
	파일 드롭 업로드
*******************************************************************************/
.cs_filedropbox_default
{
	padding:	10px;
}
	.cs_filedropbox_default > ul
	{
		list-style:	none;
		overflow:	hidden;
		position:	relative;
		z-index:	1;
	}

		.cs_filedropbox_default > ul > li
		{
			color:			#333333;
			float:			left;
			line-height:	200%;
		}

		.cs_filedropbox_default > ul > li
		{
			width:			auto;
			font-weight:	bold;
		}

			.cs_filedropbox_default > ul > li:first-child
			{
				width:			20px;
				text-align:		left;
				padding-top:	2px;
			}

				.cs_filedropbox_default > ul > li:first-child > label
				{
					display:	none;
				}


			.cs_filedropbox_default > ul > li.st_delete
			{
				width:		40px;
				float:		right;
				text-align:	right;
			}

				.cs_filedropbox_default > ul > li.st_delete > span
				{
					color:		#ff0000;
				}

					.cs_filedropbox_default > ul > li.st_delete >span:hover
					{
						text-decoration:	underline;
						cursor:				pointer;
					}


			.cs_filedropbox_default > ul > li:last-child
			{
				min-width:	100px;
				float:		right;
				text-align:	right;
			}

	.cs_filedropbox_default > .st_button_pannel
	{
		vertical-align:		bottom;
	}


	.st_file_progress
	{
		height:				4px;
		background-color:	#ff8c1b;
		width:				0%;
		position:			relative;
		z-index:			2;
	}




table.st_admin_frame
{
	position:			relative;
	width:				100%;
	padding:			0px;
	border-width:		0px;
	border-spacing:		initial;
	border-collapse:	collapse;
	overflow:			hidden;
}

	table.st_admin_frame tbody tr td
	{
		border-width:		0px;
	}

	table.st_admin_frame tbody tr td.st_sub_menu
	{
		width:				251px;
		vertical-align:		top;
		background-color:	#ffffff;
	}

	table.st_admin_frame tbody tr td.st_blank
	{
		width:				4px;
		background-color:	#333333;
	}

.st_container
{
	/*background-image:	url( '/Content/image/admin/container_bg.png' );*/
	background-color:	#ffffff;
	position:			relative;
	/*height:				100%;*/
	overflow:			hidden;
}

.st_frame
{
	position:			absolute;
	display:			none;
	border:				1px solid #959595;
	background-color:	#f6f6f6;
	width:				800px;
	height:				auto;
	min-height:			50px;
	padding-bottom:		58px;
	/*border-radius:		4px;*/
	box-shadow:			2px 2px 10px #555555;
	-moz-box-shadow:	2px 2px 10px #555555;
	-webkit-box-shadow:	2px 2px 10px #555555;
    margin-left:        7px;
}

	/* UL, 형태 */
	.st_frame .st_frameform
	{
		position:			relative;
		margin:				0;
		padding:			0;
		width:				auto;
		height:				inherit;
		list-style:			none;
		overflow:			hidden;
		padding-bottom:		52px;
	}

		/* LI */
		.st_frame .st_frameform li
		{
			margin:				0;
			padding:			0;
			float:				left;
			width:				auto;
			height:				auto;
		}

		/* LI */
		.st_frame .st_frameform .st_title
		{
			/*background-image:	url( '/Content/image/bg/ui_bg_frame_title_on.png' );*/
			background-color:	#69b9e8;
			width:				100%;
			height:				46px;
			/*border-top:			1px solid #f0f0f0;*/
			/*margin-bottom:		20px;*/
		}

		.st_frame .st_frameform .st_content
		{
			position:			relative;
			background-color:	#ffffff;
			width:				100%;
			height:				inherit;
			padding-top:		16px;
			/*border-top:		20px solid red;*/
		}

			.st_frame .st_frameform .st_content .st_content_pannel
			{
				height:				inherit;
				margin-left:		16px;
				margin-right:		16px;
			}

		/* UL, 툴박스 */
		.st_frame .st_frameform .st_title .st_toolbox
		{
			margin:			0;
			padding:		0px 0px 0px 0px;
			width:			auto;
			height:			auto;
			list-style:		none;
			overflow:		hidden;
		}


			/* LI */
			.st_frame .st_frameform .st_title .st_toolbox li
			{
				float:				left;
				width:				auto;
				text-align:			center;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_icon
			{
				width:				16px;
				height:				16px;
				background-color:	white;
				display:			none;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_caption
			{
				text-align:			left;
				line-height:		46px;
				font-size:			16px;
				color:				#ffffff;
				font-weight:		bold;
				cursor:				default;
				padding-left:		30px;
			}
			.st_frame .st_frameform .st_title .st_toolbox .st_min
			{
				float:				right;
				width:				16px;
				height:				16px;
				cursor:				pointer;
				margin-top:			12px;
				margin-right:		20px;
				background:			url( '/Content/image/icon/icon_frame_min.png' ) no-repeat 0px 0px;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_max
			{
				float:				right;
				width:				16px;
				height:				16px;
				cursor:				pointer;
				margin-top:			13px;
				margin-right:		20px;
				background-color:	white;
				background:			url( '/Content/image/icon/icon_frame_max.png' ) no-repeat 0px 0px;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_refresh
			{
				float:				right;
				width:				16px;
				height:				16px;
				cursor:				pointer;
				margin-top:			13px;
				margin-right:		20px;
				background:			url( '/Content/image/icon/icon_frame_refresh.png' ) no-repeat 0px 0px;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_first
			{
				float:				right;
				width:				16px;
				height:				16px;
				cursor:				pointer;
				margin-top:			13px;
				margin-right:		20px;
				background:			url( '/Content/image/icon/icon_frame_first.png' ) no-repeat 0px 0px;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_normal
			{
				margin-top:			13px;
				margin-right:		20px;
				background:			url( '/Content/image/icon/icon_frame_normal.png' ) no-repeat 0px 0px;
			}

			.st_frame .st_frameform .st_title .st_toolbox .st_close
			{
				float:				right;
				width:				16px;
				height:				16px;
				cursor:				pointer;
				margin-top:			16px;
				margin-right:		20px;
				background-color:	white;
				background:			url( '/Content/image/icon/icon_frame_close.png' ) no-repeat 0px 0px;
			}

		.st_frame .st_frameform .st_title_shadow
		{
			width:			100%;
			height:			0px;
			/*border-top:		1px solid #e9e9e9;*/
			/*border-bottom:	1px solid #f0f0f0;*/
		}

		.st_frame .st_frameform .st_content iframe
		{
			border:			0px solid;
			width:			100%;
			height:			inherit;
		}




/* UL, 툴바 */
.st_tasklist
{
	margin:				0;
	/*padding:			0px;*/
	padding:			8px 0px 8px 0px;
	width:				100%;
	height:				52px;
	list-style:			none;
	overflow:			hidden;
	background-color:	#ffffff;
	/*border-bottom:		1px solid #000000;*/
    margin-left:        7px;
}
		/* LI */
		.st_tasklist li
		{
			/*margin:				0px;*/
            margin:             0px 7px 0px 0px;
			float:				left;
			min-width:			99px;
			height:				100%;
			line-height:		52px;
			/*background-image:	url( '/Content/image/admin/main_task_item_bg.png' );*/
			/*background-repeat:	no-repeat;*/
			background-color:	#9a9a9a;
			border:				1px solid #a6a6a6;
			/*border-right-width:	0px;*/
			color:				#ffffff;
			cursor:				pointer;
			/*overflow:			hidden;*/
			position:			relative;
            font-size:          16px;
            font-weight:        bold;
            text-indent:        10px;
		}

			.st_tasklist li:last-child
			{
				/*border-right-width:	1px;*/
			}

			.st_tasklist li .st_on
			{
                padding:            inherit;
				width:				100%;
				height:				inherit;
				line-height:		inherit;
				/*background-image:	url( '/Content/image/admin/main_task_item_on_bg.png' );*/
				/*background-repeat:	no-repeat;*/
				background-color:	#69b9e8;
				color:				#ffffff;
				position:			absolute;
				left:				0px;
				top:				0px;
				display:			none;
                /*border:             1px solid #a8a8a8;*/
			}


			.st_tasklist li .st_text
			{
				float:				left;
				width:				80px;
				color:				inherit;
			}

			.st_tasklist li .st_close
			{
				width:				8px;
				height:				10px;
				float:				right;
				background:			url( '/Content/image/icon/icon_frame_close.png' ) no-repeat 0px 0px;
				padding:			0px;
				margin-left:		10px;
				margin-top:			22px;
				margin-right:		10px;
				text-align:			center;
				vertical-align:		middle;
				cursor:				pointer;
				position:			relative;
				/*border:				1px solid #4da9aa;*/
			}

				.st_tasklist li .st_close:hover
				{
					/*border:			1px solid #ffffff;*/
					/*margin-top:		11px;*/
					/*margin-right:	0px;*/
				}


	.st_tasklist .st_tasksummary
	{
		float:				right;
		width:				auto;
		background-color:	#575757;
		border:				1px solid #9E9E9E;
		color:				#ffffff;
		position:			relative;
	}

		.st_tasklist .st_tasksummary .st_popupmenu
		{
			position:			absolute;
			width:				auto;
			height:				auto;
			padding:			4px;
			background-color:	#575757;
			border:				1px solid #9E9E9E;
		}

			.st_tasklist .st_tasksummary .st_popupmenu .st_popupmenu_item
			{
				height:		24px;
				padding:	2px;
			}


/**********************************************************
	섹션텍스트
**********************************************************/
.st_sectiontextbox
{
	margin:				0;
	padding:			0;
	width:				auto;
	height:				auto;
	list-style:			none;
	/*border-bottom:		1px solid #575757;*/
	display:			inline-block;
}

	/* Section */
	.st_sectiontextbox span
	{
		padding-left:	8px;
		padding-right:	8px;
	}

	/* INPUT */
	.st_sectiontextbox .st_sectiontextbox_textbox
	{
		text-align:		center;
	}


/**********************************************************
	EMail입력기
**********************************************************/

.st_email
{
	display:			inline-block;
}

	.st_email .st_email_address
	{
		margin-right:	4px;
		width:			120px;
	}

	.st_email .st_email_domain_direct
	{
		margin-left:	4px;
		display:		none;
	}

	.st_email .st_email_domain_list
	{
		margin-left:	4px;
	}


	
/**********************************************************
	Image View
**********************************************************/
.st_image_view_layer
{
	position:		absolute;
	overflow:		hidden;
	/*width:			0px;
	height:			0px;
	display:		none;*/
}

	.st_image_view_layer img
	{
		cursor:		pointer;
	}
/**********************************************************
	벽???
**********************************************************/

.st_wall
{
	width:				100%;
	height:				100%;
	background-color:	#000000;
	display:			none;
	position:			absolute;
	top:				0px;
	left:				0px;
	
}