/* IE6 is so bad */
img { border: 0px; }
p { margin: 0px; }
* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-user-select:none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
}
.pmPublic { margin: 10px 0px 10px 0px; font-size: 0px; }
.pmPublic a {
	margin: 0px 3px 0px 3px; padding: 4px 7px 4px 7px; border: 1px solid #e0e0e0; color: #000; text-decoration: none;
	display: inline-block; font-size: 12px;
}
.pmPublic a.next { background: #fff url('/proxy/img/pageMove/next.gif') no-repeat 85% 50%; padding-right: 20px; }
.pmPublic a.prev { background: #fff url('/proxy/img/pageMove/prev.gif') no-repeat 15% 50%; padding-left: 20px; }
.pmPublic a.nextJump { background: #fff url('/proxy/img/pageMove/nextJump.gif') no-repeat 85% 50%; padding-right: 20px; }
.pmPublic a.prevJump { background: #fff url('/proxy/img/pageMove/prevJump.gif') no-repeat 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; background: #fff; }
.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; }

/* 동영상 탑재 */
.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: url('/proxy/img/dotDefault.gif') no-repeat 0px 5px;
	padding-left: 7px; margin: 3px; height: 17px; 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; }


/* 달력 */
#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; }


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

div.editorAnalyzeBar {}
div.editorAnalyzeBar a { float: left; font-size: 12px; margin: 5px; padding: 3px; border: 1px solid #777; }
div.editorAnalyzeBar a label { width: 60px; height: 80px; display: block; overflow: hidden; text-align: center; }
div.editorAnalyzeBar a label img {
	width: 58px; height: 58px; margin-bottom: 5px; display: block;
	border: 1px solid #ddd;
}
div.editorAnalyzeBar a label span { width: 60px; overflow: hidden; }
div.editorAnalyzeBar a label span input { vertical-align: top; margin: 0px 3px 0px 0px; }
div.editorAppend { text-align: center; padding: 5px; clear: both; }
div.editorAppend input { border: 1px solid #ddd; padding: 5px; }



.popwin {
	position: absolute; border: 1px solid #ddd; overflow: hidden; padding: 1px;
	font-size: 12px; font-family: 굴림; background: #fff;
}
.popwin.ui-draggable { cursor: move; }
.popwin div.popwin-header {
	background: #048 url('/proxy/img/popwin-title-back.gif') repeat 0px 50%;
	height: 26px; overflow: hidden;
}
.popwin div.popwin-header span {
	color: #fff; font-weight: bold; float: left;
	margin: 7px 0px 0px 7px;
}
.popwin div.popwin-header a {
	float: right; width: 19px; height: 19px; overflow: hidden; text-indent: -99px;
	background: #fff url('/proxy/img/popwin-close.gif') no-repeat 50% 50%;
	cursor: pointer; margin: 3px 3px 0px 0px;
}
.popwin div.popwin-header a:active { margin: 4px 2px 0px 0px; }
.popwin div.popwin-contents { background: #fff; cursor: default; padding: 5px 5px 30px 5px; margin: 0px; height: 100%; }
.popwin div.popwin-buttons {
	text-align: center; padding: 5px; background: #eee; position: absolute;
	bottom: 0px; left: 0px; right: 0px;
}
.popwin div.popwin-buttons input {
	border: 1px solid #ddd; background: #fff;
	font-size: 12px; font-family: 굴림체; padding: 3px 7px 3px 7px;
}
.ui-resizable-helper { border: 1px dotted gray; }


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

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



input.area-search-button { border: 1px solid #ddd; background: #fff; vertical-align: middle; }
div.area-search-show {
	padding: 2px; background: #eee; display: inline-block; vertical-align: middle;
	border: 1px solid #ddd; margin: 3px;
}
div.area-search-popup {}
div.area-search-popup div.form { text-align: center; padding: 20px 0; }
div.area-search-popup div.form input { vertical-align: middle; padding: 0; }
div.area-search-popup div.form input[type=text] { border: 1px solid #ddd; background: #fff; width: 75%; height: 20px; }
div.area-search-popup div.form input[type=button] { border: 1px solid #ddd; background: #fff; width: 20%; height: 20px; }
div.area-search-popup div.form p { text-align: left; display: none; }
div.area-search-popup.region div.form p { display: block; }
div.area-search-popup div.list {}
div.area-search-popup div.list ul { margin: 0px; padding: 0px; }
div.area-search-popup div.list ul li {
	cursor: pointer; padding: 3px; border-bottom: 1px solid #ddd; list-style: none;
}
div.area-search-popup div.list ul li strong { background: #ff0; }
div.area-search-popup div.list ul li:hover { background: #eee; }
div.area-search-popup div.page-move { padding: 20px; text-align: center; }




div.mobile-popup {
	text-align: left; color: #000; position: absolute; z-index: 9999; display: none;
	left: -100%; right: 100%; top: 0; width: 0%; height: 0%; opacity: 0; margin: 60px 0 40px;
}
div.mobile-popup div.title {
	position: fixed; height: 50px; line-height: 50px; width: 100%; background: #fff; box-sizing: border-box;
	font-weight: bold; border-bottom: 1px solid #ddd; text-align: center; top: 60px;
}
div.mobile-popup div.title a {
	float: left; font-size: 30px; height: 50px; width: 50px;
	border: 0; background: none; padding: 0; color: #000; text-decoration: none;
}
div.mobile-popup div.title span { float: right; width: calc(100% - 50px); }
div.mobile-popup div.mobile-popup-form {
	position: fixed; background: #fff; top: 110px; width: 100%;
	height: calc(100% - 200px); overflow: auto; box-sizing: border-box;
}
div.mobile-popup div.buttons {
	position: fixed; height: 50px; bottom: 40px; width: 100%; background: #fff; box-sizing: border-box;
	border-top: 1px solid #ddd; text-align: center; font-size: 0;
}
div.mobile-popup div.buttons a {
	border: 1px solid #ddd; float: none; display: inline-block; font-size: 12pt;
	padding: 0 20px; margin: 10px; vertical-align: middle; line-height: 160%;
	background: none; height: 30px; font-weight: bold; text-decoration: none; color: #000;
	box-shadow: 1px 1px 3px 0px #ddd, 0px 0px 3px 0px #ddd inset;
	border-radius: 2px;
}

#android-config,
#member-login-form { display: none; }