@charset "euc-kr";
/*
@charset "utf-8";
@font-face{
	font-family:NanumGothic;
	src: url(./NanumGothic.eot);
	src: url(./NanumGothic.woff) format("woff");
}
*/
/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
*/

/* Reset for Crossbrowsing */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}
body {
	/*	font-size:small;
		font-family:"NanumGothic";

		font-family:'Nanum Gothic Coding', monospace;
	/*	font-family: 'Nanum Brush Script', cursive; */
	/*	font-family:'Nanum Myeongjo', serif;	*/
	/*	font-family:'Nanum Pen Script', cursive; */

/*		font-family:'tahoma','±¼¸²','Arial';*/
/*		font-size:10pt;*/
	/*	color: #404040;	*/
		color: #000000;

}
img	{border:0px;}

select { background:#ffffff; border: 1px solid #e6e7eb; }

/*input[type=text] { height:17px; border:solid 1px skyblue; background:#ffffff; padding:5px; text-align:center; }*/
/* border:solid 1px #e6e7eb; */

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

#container	{position:relative; clear:both;} /* width:735px; */
#containerOuter	{ padding:10px; width:800px; height:311px;  overflow:hidden; } /* border:1px solid #c5c5c5; */
#containerouter	{ padding:10px; width:808px; height:453px;  overflow:hidden; }
#first_screen	{  }
#filelist	{ width:785px; display:block; float:left; }
#filelist	#description { float:none; width:800px; height:105px; border: 1px solid #c5c5c5; margin-bottom:10px; background-color:#f7fbff; }
#filelist	#description 	ul	li	{ font-size:small; margin: 3px; }
#filelist_scroll { height:192px; width: 785px; overflow-y:scroll; }
#list_scroll { height:330px; width:785px; overflow-y:scroll; }

/*
#titles		{ height:30px; margin-top:27px; margin-bottom:0px; background-color:#d9d9d9; border:1px solid #c5c5c5; background:#e0e0e0; font-weight:bold; align:center;}
*/
#titles		{ height:30px; margin-top:27px; margin-bottom:0px; background-color:#ffffff; border-top:2px solid #3c68d3; border-bottom:1px solid skyblue; background:#ffffff; font-weight:bold; align:center;}
#titles		#file_name	{ line-height:30px; text-align:center; height:30px; float:left; width:72%; border-right: 2px solid white; color:#404040; }
#titles		#file_size	{ line-height:30px; text-align:center; height:30px; float:left; width:20%; border-right: 2px solid white; color:#404040; }
#titles		#file_del	{ line-height:30px; text-align:center; height:30px; float:left; width:5%;  color:#404040; }

/* #filelist	#description { float:none; width:735px; height:100px; border: 1px solid #c5c5c5; margin-bottom:10px; background-color:#f8f8f8; #f7ffff; #f7fbff;}
 * gray		#f8f8f8 #ffe6e6;
 * green	#f0fff8 #f0fff0;
 * purple	#f7f7ff
 * blue		#f7ffff; #f7fbff;
 */

.file	{ height:30px; position:relative; overflow:hidden; border-top:0px solid #c5c5c5; border-bottom:0px solid #c5c5c5; }
.file	.progress { position:absolute; top:0px; left:0px; background:url('/plupload/img/bg.PNG') repeat; height:30px; line-height:30px; filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2;}
.file	.filename { width:48%; font-size:12px;}
.file	#errmessage { width:24%; color:red; text-align:left; font-size:12px;}
.file	#filesize { width:19%; text-align:center; font-size:12px;}
.file	.remove	{ margin: 6px 8px 3px 0px; cursor:pointer; float:right; background:url('../src/javascript/jquery.plupload.queue/img/delete.gif') no-repeat; width:27px; height:24px; }
.file	.done { margin: 3px 13px 3px 0px; cursor:pointer; float:right; background:url('../src/javascript/jquery.plupload.queue/img/done_green.gif') no-repeat; width:27px; height:24px; }
.file	.error { margin-top:7px;  cursor:pointer; float:right; padding-right:3px; background:url('../src/javascript/jquery.plupload.queue/img/error.gif') no-repeat; width:27px; height:24px; }
.file	span { line-height:30px; height:30px; display:block; margin-left:5px; float:left; white-space:nowrap;}
.line	{ width:100%; height:1px; margin-top:29px; background-color:#d9d9d9; }

#sublist	{ margin-left:15px; width:585px; height:20px; display:none; float:right; }
#sublist	div { margin-top:5px; float:left; background:url('/plupload/img/cdnv_03.gif') no-repeat; width:183px; height:17px;  vertical-align:middle; }
#sublist	#pickfiles2	{ margin-top:2px; cursor:pointer; float:left; background:url('/plupload/img/cdnv_04.gif') no-repeat; width:110px; height:17px; }

#second_screen	{ display:none; }
#total	{ height:40px; position:relative; }
#total	.progress { position:absolute; top:0px; left:0px; }
#progress_container	{ height:60px; border: 1px solid pink; }
#bar_container	{ }


.bar	{ line-height:60px; text-align:center; background:url('/plupload/img/bg.PNG') repeat; height:60px; width:0px; float:left; overflow:hidden; margin:0 auto;}
.decrease_bar	{ color:#000000; width:600px; position:absolute; background:url('/plupload/img/bg.PNG') repeat; height:60px; float:left; overflow:hidden; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; z-index:2 }
.percent	{ width:100%; position:absolute; line-height:55px; font-size:large; font-family:"Arial Black"; text-align:center; margin:0 auto; }
/*
 * "Arial Black"
 * font-family:sans-serif; font-style:normal; font-weight:normal; opacity: 0;
 */

#buttons { height:6px; }
#pickfiles	{ float:right; cursor:pointer; width:95px; margin-bottom:5px;}
#pickfile	{ float:right; cursor:pointer; width:80px; margin-bottom:5px;}
#uploadfile { float:right; cursor:pointer; width:80px; margin-top:0px; margin-left:2px; display:none; position:relative; }
#uploadfiles { float:right; cursor:pointer; width:80px; margin-top:0px; margin-left:2px; display:none; position:relative; }

#upload_completed { float:right; cursor:pointer; width:50px; margin-bottom:5px; margin-top:5px; margin-left:2px; display:none; }
#uploader_completed { float:right; cursor:pointer; width:50px; margin-bottom:5px; margin-top:9px; margin-left:2px; display:none; }

#subtitles { float:left; cursor:pointer; display:none; }

.info	{ clear:both; text-align:right; margin-top:2px; overflow:hidden; }
.board	{ width:100%; display:none; }
.board label {  font-size:medium; font-weight:bold; color:#808080; background-color:#f8f8f8; border: 1px solid #c5c5c5; margin-left: 2px;
				padding: .5em 2em .55em;
				-webkit-border-radius: .5em;
				-moz-border-radius: .5em;
				border-radius: .5em;
}
/*
.pickfiless_shadow	{ border:1px solid red; width: 50px; height: 20px; position: fixed; background-color:#000000; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; z-index: 9998; }
*/
#title	{ margin:2px; border: 2px solid #c5c5c5; width:590px; height:20px; } /* width:730px; */
.title { color : #315DB6; }
#content	{ margin:2px; border: 2px solid #c5c5c5; width:586px; } /* width:726px; */
.title_underbar	{ border-bottom:1px solid skyblue;  width:100%; } /* #3c68d3 d9d9d9 */

/*
#board_write	{ cursor:pointer; margin:0 auto; display:none; background:url('/plupload/img/cdnv_06.gif') no-repeat; width:135px; height:22px; }
#board_write_shadow	{ cursor:pointer; margin:0 auto; display:block; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background:url('/plupload/img/cdnv_06.gif') no-repeat; width:135px; height:22px; }
*/
#board_write	{ cursor:pointer; margin:0 auto; display:none; width:150px; }
#board_write_shadow	{ cursor:pointer; margin:0 auto; display:block; filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; width:150px;}


/**
 * encoding style
 */
#popClose	{ float:right; margin-right:5px; cursor:pointer; }
#pClose { float:right; margin-right:5px; cursor:pointer; }
.encode img	{ vertical-align:middle; }
.encode_option	{ margin-left:2px; border: 1px solid #e4e1e1; width:45px; font-size:13px; color:#000000;} /**/
.encode_radio	{ margin: 0 5px !important; color:#000000; background:#ffffff; }
.encode_select	{ width:75px; color:#000000; background:#ffffff;padding:4px;margin-left:8px }
.pop2	{ visibility:hidden; top:200px; width:821px; height:531px; padding: 4px; position: absolute;  background-color:#3c68d3; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; z-index: 9999; }
.pop3	{ visibility:hidden; top:200px; width:820px; height:513px; padding: 4px; position: absolute;  background-color:#3c68d3; box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; z-index: 9999; } /*filter:alpha(opacity=0); opacity:0.0; -moz-opacity:0.0;*/
.body	{ background:#ffffff; }
.pop_shadow { top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color:#000000; filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3; z-index: 9998; }
.icon	{  } /* float:left; */
.icontext	{  }
.label	{
	margin-left:20px;
	vertical-align:middle;
	padding: 5px;
	font-weight: 100;
	font-size: 12px;
	border: 1px solid skyblue;
	color: #000;
	border-radius:5px !important;
	-moz-border-radius:5px !important;
	-webkit-border-radius:5px !important;
	display: inline-block;
	line-height: normal;
} /* background-color:#b9dcff; */