@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:12px; 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; -ms-interpolation-mode: bicubic; /* for IE7(Anti-aliasing) */}
html {filter: expression(document.execCommand('BackgroundImageCache', false, true)); overflow-x:hidden; overflow-y:scroll;} /* for IE6 */

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 {}
#floating div.floater {position:absolute; top:0; left:-3000px; z-index:100;}

#loading {position:fixed; _position:absolute; top:0; left:0; padding:5px 5px 5px 35px; height:25px; line-height:25px; display:none; z-index:10000; background:url(/r/common/images/loading.gif) no-repeat 5px;}
#ui-datepicker-div {font-size:80%;}



/*** smartOutput ***/
/******************************************************************************************/
#smartInput{ margin:0 10px 0 0; text-align:left;}
#smartInput img.media {display: inline-block; border: 1px solid #eeeeee; background: url(/r/common/images/media_bg.gif) no-repeat 50%;}

div.media {display: inline-block;}

.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;}