@charset "UTF-8";


/*** Common ***/
/******************************************************************************************/
* {margin:0; padding:0;}
p,div,th,td,
select,input,form,textarea,option,
h1,h2,h3,h4,h5,h6 {
	font-size:11px;
	font-family:"dotum";
	/*color:#000000;*/
	line-height:1.5em;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	display:inline;
}
input,button,select {vertical-align:middle;}
img {border:none;}
ul,li {list-style: none;}

.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0; line-height:0; overflow:hidden;}
.left {float:left;}
.right {float:right;}




/*** Layout ***/
/******************************************************************************************/
body {
	text-align:center;
}

#wrap {
	text-align:left;
	margin:0 auto;
}
#header,
#container,
#snb,
#aside
#content,
#footer {
	position:relative;
}
#content {
	overflow:hidden;
}

#floating {
	position:absolute;
	top:-3000px;
	left:-3000px;
}




/*** modal ***/
/******************************************************************************************/
#modal_content{
	display: none;
  position: fixed;
  left: 50%;
  padding: 15px;
	top:10%;
  -webkit-box-shadow: 0px 0px 8px #111;
  background:#FFF;
	width:671px;
	text-align:center;
}
#modal_overlay { background-color: #000; }
#modal_content .modal_close{
	float:right;
	cursor:pointer;
}
#modal_content h3{font-size:116%;}

/* for IE6 */
* html #modal_content {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}




/*** smartOutput ***/
/******************************************************************************************/
#smartInput{ margin:0 10px 0 0;padding:10px; text-align:left;background:#303030;color:#bbb;}
.smartOutput{ font-size:12px; line-height:1.6; font-family:Dotum, AppleGothic, Sans-serif;}

.smartOutput p{ margin-top:7px; margin-bottom:7px;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(/editor/img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}




/*** Upload statusbar ***/
/******************************************************************************************/
.upload_statusbar {
	text-align:left;
	width:100%;
}
.upload_statusbar div.title {
	font-size:13px;
	font-weight:bold;
	margin-bottom:15px;
}
.upload_statusbar div.progressbar {
	position:relative;
	width:100%;
	height:18px;
	background-color:#EEEEEE;
	border:1px solid #EEEEEE;
}
.upload_statusbar div.progressbar div {
	position:absolute;
	top:0;
	left:0;
	height:18px;
}
.upload_statusbar div.progressbar .scale {
	z-index:1;
	background-color:#AAAAAA;
}
.upload_statusbar div.progressbar .percent {
	z-index:2;
	width:100%;
	padding:3px;
	text-align:center;
	color:#000000;
	font-weight:bold;
}
.upload_statusbar div.filelist {
	width:100%;
	height:150px;
	overflow-y:scroll;
	border:1px solid #FFFFFF;
	margin:10px 0;
}
.upload_statusbar div.filelist div.file {
	width:90%;
	height:20px;
	border:1px solid #FFFFFF;
}
.upload_statusbar div.filelist div.file.ing {
	font-weight:bold;
}
.upload_statusbar div.filelist div.file.complete {
	color:#CCCCCC;
}
.upload_statusbar div.cancel_btn {
	clear:both;
	float:right;
	cursor:pointer;
	padding:5px 10px;
	border:1px solid #DDDDDD;
}
