/* IE6 is so bad */
img { border: 0px; }
.pmPublic { margin: 10px 0px 10px 0px; }
.pmPublic * { background-repeat: no-repeat; }
.pmPublic a {
	margin: 0px 3px 0px 3px; padding: 4px 7px 4px 7px; border: 1px solid #e0e0e0; color: #000; text-decoration: none;
}
.pmPublic a.next { background-image: url(/proxy/img/pageMove/next.gif); background-position: 85% 50%; padding-right: 20px; }
.pmPublic a.prev { background-image: url(/proxy/img/pageMove/prev.gif); background-position: 15% 50%; padding-left: 20px; }
.pmPublic a.nextJump { background-image: url(/proxy/img/pageMove/nextJump.gif); background-position: 85% 50%; padding-right: 20px; }
.pmPublic a.prevJump { background-image: url(/proxy/img/pageMove/prevJump.gif); background-position: 15% 50%; padding-left: 20px; }

.pmPublic a:hover { color: #0098d0; text-decoration: underline; }
.pmPublic a.page { padding: 0px; border: 0px; margin: 0px 2px 0px 2px; }
.pmPublic a.page:hover { text-decoration: none; }
.pmPublic a.page span, .pmPublic a.page strong { padding: 4px 5px 4px 5px; }
.pmPublic a.page strong { border: 1px solid #e0e0e0; color: #ff6600; }
.pmPublic a.page span { border: 1px solid #ffffff; }
.pmPublic a.page:hover span { border: 1px solid #e0e0e0; text-decoration: underline; }


.zipBase p { margin: 3px 0px 3px 0px; }
.zipBase div { cursor: pointer; display: inline-block; }
.zipBase div img { vertical-align: middle; }

#zipNode {
	position: absolute; display: none;
	width: 400px; height: 300px;
	border: 1px ridge #06f; background-color: #fff;
}
#zipNode * { font-size: 12px; font-family: 돋움; }
#zipNode div.title { padding: 7px; background-color: #06f; color: #fff; font-weight: bold; }
#zipNode div.title input {
	position: absolute; top: 4px; left: 350px;
	border: 1px ridge #fff; background-color: #fff;
}
#zipNode div.input { margin: 3px; text-align: center; }
#zipNode div.input input { border: 1px outset #ddd; background-color: #fff; }
#zipNode div.input input#zipWord { border: 1px inset #ddd; }
#zipResult { border: 1px solid #ccc; height: 230px; margin: 5px; overflow-y: auto; }
#zipResult p { padding: 7px; text-align: center; }
#zipResult ul { margin: 0px; padding: 0px; }
#zipResult ul li {
	list-style: none; text-align: left; cursor: pointer; padding: 5px; padding-left: 10px; margin: 2px; color: #333;
	background-image: url(/proxy/img/dotSimple.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	border-bottom: 1px dashed #ccc;
}
#zipResult ul li:hover { background-color: #ef8; }

/* 에디터 */
.editor { }
.editor * { margin: 0px; padding: 0px; }
.editor .commandBody { border: 1px solid #000; }
.editor iframe, .editor textarea { width: 100%; border: 0px; border-top: 0px; }
.editor .commandMenu {
	background-color: #eee;
	padding: 5px 0px 5px 0px; border-bottom: 1px solid #888;
}
.editor .commandMenu ul {
	width: 550px; height: 40px;
}
.editor .commandMenu ul li {
	float: left; display: inline; border: 1px solid #eee;
	padding: 0px 5px 0px 5px; margin: 0px 2px 0px 2px;
}
.editor .commandMenu ul li img { cursor: pointer; display: block; }
.editor .commandMenu ul li.disabled img { cursor: default; }
.editor .commandMenu ul li.hover { border: 1px solid #000; background-color: #ff8; }
.editor .commandMenu ul li.disabled:hover { border: 1px solid #eee; background-color: #eee; }

.editorCommander { background-color: #f4f4f4; }
.editorCommander * { font-size: 11px; }
.editorCommander input,
.editorCommander select { vertical-align: middle; }
.editorCommander fieldset { border: 1px solid #000; padding: 5px; }
.editorCommander fieldset legend { font-weight: bold; color: #08f; }
.editorCommander fieldset ul { margin: 0px; }
.editorCommander fieldset ul li {
	margin: 0px; padding: 0px; float: left; display: inline; list-style: none; border: 1px solid #000; 
}
.editorCommander input.button {
	border: 1px solid #000; background: #080; color: #fff; font-weight: bold;
	padding: 3px 10px 2px 10px;
}

.editorCommander fieldset {}
.editorCommander fieldset table.colorTable { border-spacing: 2px; }
.editorCommander fieldset table.colorTable td { height: 11px; width: 11px; cursor: pointer; border: 1px solid #000; }

.editorCommander fieldset.font {}
.editorCommander fieldset.font ul li { margin: 2px; }
.editorCommander fieldset.font ul li input {
	width: 82px; height: 23px; border: 0px; cursor: pointer;
}
.editorCommander fieldset.size ul li { margin: 3px; padding: 2px; cursor: pointer; }
.editorCommander fieldset.size select { margin-right: 20px; }
.editorCommander fieldset.table {}
.editorCommander fieldset.table input.input { width: 20px; border: 1px solid #000; text-align: right; padding-right: 2px; }
.editorCommander fieldset.table p { margin: 3px; }
.editorCommander fieldset.table p label input { vertical-align: middle; margin: -3px 0px 0px 0px; padding: 0px; }
.editorCommander fieldset.table div { padding: 5px; border: 1px solid #000; }

.editorCommander p.closer { text-align: center; margin: 10px; }
.editorCommander p.closer input { border: 1px solid #000; background-color: #f00; color: #fff; }

.editorCommander fieldset.image object { margin: 3px 140px 3px 140px; }
.editorCommander .imagePreview {}
.editorCommander .imagePreview .image {
	height: 210px; overflow: auto; text-align: center; margin-top: 5px;
	border: 1px solid #000; background-color: #000; color: #fff;
}
.editorCommander .imagePreview p { margin: 10px; text-align: center; }
.editorCommander .imagePreview p input.input { border: 1px solid #000; font-family: 굴림체; }
.editorCommander .imagePreview p label input { vertical-align: middle; margin: -3px 0px 0px 0px; padding: 0px; }

.editorCommander div.mediaPreview { font-size: 12px; font-family: 굴림; line-height: 12px; }
.editorCommander div.mediaPreview label:hover { color: #08f; text-decoration: underline; }
.editorCommander div.mediaPreview div.info {
	margin: 10px 0px 10px 0px; height: 130px; overflow-y: scroll; background-color: #fff;
}
.editorCommander div.mediaPreview div.info table {
	width: 115px; float: left; border-spacing: 1px; background-color: #777; margin: 5px 0px 0px 7px;
}
.editorCommander div.mediaPreview div.info table caption {
	text-align: left; font-weight: bold;
	background-image: url('/proxy/img/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 0px 0px 0px 7px;
}
.editorCommander div.mediaPreview div.info table tbody th,
.editorCommander div.mediaPreview div.info table tbody td { padding: 3px; background-color: #f4f4f4; color: #555; }
.editorCommander div.mediaPreview div.snap { float: left; display: inline; width: 205px; }
.editorCommander div.mediaPreview div.snap dl,
.editorCommander div.mediaPreview div.snap dl dt,
.editorCommander div.mediaPreview div.snap dl dd { margin: 0px; padding: 0px; }
.editorCommander div.mediaPreview div.snap dl dt {
	text-align: left; font-weight: bold;
	background-image: url('/proxy/img/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 0px 0px 0px 7px;
}
.editorCommander div.mediaPreview div.snap .preview img { width: 200px; height: 150px; }
.editorCommander div.mediaPreview div.snap .select {  }
.editorCommander div.mediaPreview div.snap .select p {
	float: left; display: inline; width: 46px; text-align: center; color: #fff;
	background-color: #000; padding: 0px; margin: 5px 2px 0px 2px;
}
.editorCommander div.mediaPreview div.snap .select p img { width: 35px; }
.editorCommander div.mediaPreview div.option {
	float: left; display: inline; width: 300px; color: #555;
	margin: 10px 0px 0px 0px;
}
.editorCommander div.mediaPreview div.option p { margin: 0px 0px 10px 0px; }
.editorCommander div.mediaPreview div.option input.input { border: 1px solid #ddd; font-family: 굴림체; }
.editorCommander div.mediaPreview div.option dl { margin: 0px 0px 10px 0px; padding: 0px; }
.editorCommander div.mediaPreview div.option dl dt {
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	margin: 0px 0px 5px 10px; padding: 0px 0px 0px 7px; font-weight: bold;
}
.editorCommander div.mediaPreview div.option dl dd { margin: 0px 0px 5px 10px; }
.editorCommander div.mediaPreview div.option p { text-align: center; clear: both; }
.editorCommander div.mediaPreview div.option p input {
	border: 0px; padding: 3px 0px 3px 0px; margin: 0px; width: 250px; cursor: pointer;
	background-color: #bbb;
	background-image: url('/proxy/editor/img/ftpProgress.gif');
	background-repeat: repeat-y;
	background-position: -250px 0px;
}
/* 동영상 탑재 */
.mediaData { display: table; background-color: #ddd; padding: 3px; border: 1px outset #ddd; }
.mediaData .type4 { display: none; }
.mediaData .image { text-align: center; background-color: #000; color: #fff; }
.mediaData .image img { margin: 3px; }
.mediaData .snap {
	margin: 0px; padding: 0px; height: 50px;
	font-size: 11px; line-height: 12px; font-family: 굴림; text-align: center;
}
.mediaData .snap li {
	float: left; display: inline; width: 50px; height: 45px; overflow: hidden;
	margin: 2px; background-color: #000; color: #fff; list-style: none;
}
.mediaData .snap li img { width: 35px; margin: 2px; }
.mediaData .click { margin: 0px; padding: 0px; font-size: 12px; font-family: 굴림; line-height: 12px; }
.mediaData .click li {
	margin: 0px 0px 3px 0px; padding: 0px 0px 0px 7px; list-style: none; cursor: pointer;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
.mediaData .click a:hover,
.mediaData .click li:hover { color: #33d; text-decoration: underline; }
.mediaData div.info {
	border: 1px inset #ddd; background-color: #fff; display: none;
	font-size: 12px; font-family: 굴림; line-height: 12px;
}
.mediaData div.info table {
	border-spacing: 1px; background-color: #777; margin: 7px;
}
.mediaData div.info table caption {
	text-align: left; font-weight: bold;
	background-image: url('/proxy/img/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding: 0px 0px 0px 7px;
}
.mediaData div.info table tbody th,
.mediaData div.info table tbody td { padding: 3px; background-color: #f4f4f4; color: #555; }

/*
	html += "<div class='mediaData " +playType+ "'>";
	html += "	<div class='image'><img style='" +css+ "' src='" +firstURL+ "' alt='스냅샷 보기' /></div>";
	html += "	<ul class='snap'>" +snapList+ "</ul>";
	html += "	<ul class='click'>";
	html += "		<li class='info'>동영상 정보</li>";
	html += "		<li class='copy'>동영상 퍼가기</li>";
	html += "		<li class='link'><a href='" +uri+ "'>동영상 바로가기</a></li>";
	html += "	</ul>";
	html += "	<div class='info'>" +infoNode.innerHTML+ "</div>";
	html += "</div>";
*/

.uploadBar { margin: 5px; font-size: 12px; font-family: 굴림; }
.uploadBar .uploadMsg {
	background-image: url(/proxy/img/dotDefault.gif);
	background-position: 0px 3px;
	padding-left: 7px; margin: 3px; height: 13px; overflow: hidden;
}
.uploadBar .uploadBack { width: 100%; height: 7px; background-color: #000; overflow: hidden; }
.uploadBar .uploadGraph {
	width: 1%; height: 5px; background-color: #08f; overflow: hidden;
	margin-top: 1px;
}
.uploadBar .uploadError { padding: 3px; background-color: #ff0000; color: #ffffff; display: none; }
.commanderLayer { border: 1px solid #000; background-color: #f4f4f4; display: none; position: absolute; padding: 5px; }


#toolTipNode {
	display: none; position: absolute; z-index: 10; background-color: #ffffff; padding: 1px;
	font-family: 굴림; font-size: 12px;
}
#toolTipNode ol { margin: 0px; padding: 0px; }
#toolTipNode ol li { margin: 0px 0px 0px 30px; padding: 3px; }
#toolTipBox { border: 1px dotted #000000; padding: 3px; background-color: #ffff88; }


/* 달력 */
#displayCalendar {
	border: 1px outset #7d7; background-color: #fff;
	font-family: 돋움; font-size: 13px; position: absolute; padding: 5px;
}
#displayCalendar table { border-spacing: 1px; background-color: #7a7; }
#displayCalendar table caption { padding: 5px; font-weight: bold; }
#displayCalendar table caption a { }
#displayCalendar table caption a img { border: 0px; vertical-align: middle; }
#displayCalendar table thead {}
#displayCalendar table thead tr {}
#displayCalendar table thead tr th { background-color: #ada; padding: 5px; }
#displayCalendar table tbody {}
#displayCalendar table tbody tr {}
#displayCalendar table tbody tr td { padding: 5px; text-align: right; background-color: #fff; }
#displayCalendar table tbody tr td a { color: #000; text-decoration: none;  }
#displayCalendar table tbody tr td a:hover { color: #9d9; text-decoration: underline;  }
#displayCalendar div { text-align: center; padding: 5px; }
#displayCalendar div input { border: 1px outset #ddd; }



.autoComplete { position: absolute; z-index: 2; display: none; border: 1px solid #000; background-color: #fff; }
.autoComplete ol { margin: 0px; padding: 0px; font-family: 굴림; font-size: 12px; }
.autoComplete ol li { margin: 0px; padding: 3px; list-style: none; vertical-align: middle; }
.autoComplete ol li sub { font-size: 13px; float: right; color: #08f; }
.autoComplete ol li.over { background-color: #3169c6; }
.autoComplete ol li.over sub { color: #fff; }


#activeBanner { position: relative; }
#activeBanner * { display: block; }
#activeBanner1 { position: absolute; }
#activeBanner2 { position: absolute; }
#activeBanner,
#activeBanner img,
#activeBanner1,
#activeBanner2 { width: 200px; height: 70px; }


.hidden { display: none; }





#iWindowNode { font-family: 굴림체; font-size: 12px; }
#iWindowNode div { position: absolute; border: 1px outset #888; background-color: #eee; cursor: move; }
#iWindowNode div * { margin: 0px; padding: 0px; }
#iWindowNode div dl { }
#iWindowNode div dl dt { padding: 5px; font-weight: bold; position: relative; }
#iWindowNode div dl dt sub {
	position: absolute; cursor: pointer; font-weight: normal; font-size: 13px; right: 0px; top: 7px;
}
#iWindowNode div dl dd { }
#iWindowNode div p { text-align: center; padding: 5px; }
#iWindowNode div p input { border: 1px outset #ddd; padding: 3px; }
#iWindowNode div a { color: #555; text-decoration: none; }
#iWindowNode div a:hover { color: #08f; text-decoration: underline; }

/* 쪽지 쓰기 폼 */
#memberNoteForm {
	position: absolute; border: 1px outset #ddd; background-color: #eee;
	padding: 7px; display: none; font-family: 굴림체; font-size: 12px; z-index: 3;
}
#memberNoteForm .loading { display: none; }
#memberNoteForm .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteForm table { border-spacing: 0px; }
#memberNoteForm table tr {}
#memberNoteForm table tr th,
#memberNoteForm table tr td { padding: 5px; }
#memberNoteForm table tr td input,
#memberNoteForm table tr td textarea { border: 1px solid #aaa; vertical-align: middle; }
#memberNoteForm table tr td label input { border: 0px; }
#memberNoteForm table tr td label:hover { text-decoration: underline; color: #08f; }
#memberNoteForm .submit { padding: 10px; text-align: center; }
#memberNoteForm .submit input { border: 1px outset #ddd; }

#memberNoteForm.loader .loading { padding: 10px; display: block; }
#memberNoteForm.loader * { display: none; }

/* 쪽지 모니터 */
#memberNoteMonitor {
	position: absolute; border: 1px outset #ddd; background-color: #eee;
	padding: 7px; display: none; font-family: 굴림체; font-size: 12px; z-index: 1;
}
#memberNoteMonitor .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteMonitor .list { padding: 10px; }
#memberNoteMonitor .list ul { margin: 0px; padding: 0px; }
#memberNoteMonitor .list ul li {
	margin: 0px; padding: 5px 5px 5px 14px; list-style: none;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 5px 50%;
	border-bottom: 1px dashed #aaa; cursor: pointer;
}
#memberNoteMonitor .list ul li:hover { background-color: #ddd; }
#memberNoteMonitor .list ul li a { text-decoration: none; color: #333; }
#memberNoteMonitor .submit { padding: 10px; text-align: center; }
#memberNoteMonitor .submit input { border: 1px outset #ddd; }

/* 쪽지 보기 */
#memberNoteRead {
	position: absolute; border: 1px outset #ddd; background-color: #eee;
	padding: 7px; display: none; font-family: 굴림체; font-size: 12px; z-index: 2;
}
#memberNoteRead .loading { display: none; }
#memberNoteRead .title { border-bottom: 1px solid #aaa; padding: 5px; cursor: move; }
#memberNoteRead .text { width: 300px; margin: 5px; line-height: 120%; }
#memberNoteRead .submit { padding: 10px; text-align: center; }
#memberNoteRead .submit input { border: 1px outset #ddd; }

#memberNoteRead.loader .loading { padding: 10px; display: block; }
#memberNoteRead.loader * { display: none; }


#divideSelecter {
	position: absolute; z-index: 4; display: none; border: 2px outset #888; background-color: #fff; padding: 5px;
}
#divideSelecter h2 { padding: 3px; margin: 1px; font-family: 돋움; height: 30px; }
#divideSelecter h2 input { float: right; border: 1px outset #ddd; }


#sprForm {
	position: absolute; font-family: 굴림; font-size: 12px; display: none;
	background-color: #fff; border: 1px outset #ddd; padding: 5px;
}
#sprForm div.title { padding: 5px; background-color: #000; color: #fff; cursor: move; font-weight: bold; }
#sprForm div.input { padding: 5px; text-align: center; }
#sprForm div.input input.input { border: 1px inset #ddd; }
#sprForm div.input input.button { border: 1px outset #ddd; }
#sprForm div.list { width: 650px; height: 450px; overflow: hidden; background-color: #f8f8f8; }
#sprForm div.list table { border-spacing: 0px; width: 640px; }
#sprForm div.list table tr { }
#sprForm div.list table tr th.no { width: 50px; }
#sprForm div.list table tr th.image { width: 70px; }
#sprForm div.list table tr th.button { width: 70px; }
#sprForm div.list table tr th { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; height: 25px; }
#sprForm div.list table tr td { text-align: center; border-bottom: 1px dashed #ddd; height: 70px; }
#sprForm div.list table tr td a { color: #333; text-decoration: none; }
#sprForm div.list table tr td a:hover { color: #373; text-decoration: underline; }
#sprForm div.list table tr td.subj { text-align: left; }
#sprForm div.list table tr td input { border: 1px outset #ddd; }
#sprForm div.list div.pageMove { text-align: center; padding: 5px; }
#sprForm div.list p.load { margin: 0px; padding: 10px; text-align: center; font-weight: bold; color: #00f; }
#sprForm div.button { text-align: center; padding: 10px; }
#sprForm div.button input { border: 1px outset #ddd; }


.progressElement {
	font-family: 굴림; font-size: 12px; line-height: 12px; width: 300px;
	position: absolute; z-index: 20; background-color: #fff;
}
.progressElement fieldset { border: 1px outset #ddd; margin: 3px; }
.progressElement fieldset div.progress {
	margin: 5px; height: 25px; position: relative; background-color: #ddd;
}
.progressElement fieldset div.progress div.complete {
	position: absolute; text-align: center; left: 0px; top: 5px; z-index: 1; width: 100%;
}
.progressElement fieldset div.progress div.graph {
	position: absolute; left: 0px; top: 0px; z-index: 0;
	width: 50%; height: 25px; background-color: #8f8;
}



#existId.load { color: #080; }
#existId.empty { color: #888; }
#existId.wrong { color: #880; }
#existId.exist { color: #f00; }
#existId.done { color: #00f; }

#existNick.load { color: #080; }
#existNick.empty { color: #888; }
#existNick.wrong { color: #880; }
#existNick.exist { color: #f00; }
#existNick.done  { color: #00f; }

#existEmail.load { color: #080; }
#existEmail.empty { color: #888; }
#existEmail.wrong { color: #880; }
#existEmail.exist { color: #f00; }
#existEmail.done { color: #00f; }