@font-face {
	font-family: '나눔 고딕';
	src: url('/proxy/font/NanumGothic-Regular.eot');
	src: local(※), url('/proxy/font/NanumGothic-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}/* IE6 is so bad */
img { border: 0px; }
p { margin: 0px; }
.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; }


/* 동영상 탑재 */
.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; }



.hidden { display: none; }





/* 쪽지 쓰기 폼 */
#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.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; }

/* 쪽지 보기 */
#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.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; }




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

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






a.button { background: #333; box-shadow: 1px 1px 3px #888, 1px 1px 3px #888 inset; }
a.update { background: #080; box-shadow: 1px 1px 3px #888, 1px 1px 3px #040 inset; }
a.remove { background: #f00; box-shadow: 1px 1px 3px #888, 1px 1px 3px #800 inset; }
a.button, a.update, a.remove {
	color: #fff; text-decoration: none; padding: 1px 8px 2px 8px;
	display: inline-block; margin: 1px; font-family: '맑은 고딕', '돋움체'; vertical-align: middle;
	white-space: nowrap;
}
a.button:hover, a.update:hover, a.remove:hover {
	box-shadow: 1px 1px 3px #000, 1px 1px 3px #000 inset; text-decoration: none;
}
a.button:active, a.update:active, a.remove:active {
	box-shadow: 1px 1px 3px #000, 1px 1px 3px #000 inset; margin: 2px 0px 0px 2px;
}


label.custom-file-input {
	display: inline-block; border: 2px solid #ddd; cursor: pointer;
	background: #088; color: #fff; padding: 7px 20px; font-family: '맑은 고딕'; font-size: 12px;
}
label.custom-file-input:hover { border: 2px solid #888; }
label.custom-file-input input { display: none; }
label.custom-file-input strong,
label.custom-file-input span { display: block; }
/* sub menu */
#sub-menu {
	line-height: 11px; font-family: '나눔 고딕', '돋움'; font-size: 12px;
	margin: 0px 0px 10px 0px; padding: 0px;
}
#sub-menu dl { margin: 0px; padding: 0px; }
#sub-menu dl dt {
	margin: 0; padding: 20px 0; font-weight: bold; background: #333742; color: #fff; text-align: center;
}
#sub-menu dl dt a {
	color: #fff; text-shadow: rgba(255, 255, 255, 1) 0px 0px 1px;
	text-decoration: none; font-size: 14px;
}
#sub-menu dl dd { margin: 0px; padding: 10px; background: #eee; }
#sub-menu dl dd ul { margin: 0px 0px 10px 0px; padding: 0px; }
#sub-menu dl dd ul li {
	margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #999;
}
#sub-menu dl dd ul li.new {
	background: url('/proxy/img/board/new.gif') no-repeat 95% 50%;
}
#sub-menu dl dd ul li a {
	color: #222; text-decoration: none; display: block; margin: 0px; padding: 10px;
	background: url('/proxy/img/dotSimple.gif') no-repeat 3px 50%;
}
#sub-menu dl dd ul li.focus a,
#sub-menu dl dd ul li a:hover { color: #08f; }
#sub-menu dl dd ul li a img { vertical-align: middle; margin: 7px 0px 7px 10px; }
#sub-menu dl dd p { text-align: center; font-weight: normal; color: #ccc; margin: 0px; padding: 10px 0px 10px 0px; }
#sub-menu dl dd div {}
#sub-menu dl dd div p { background-color: #fff; padding: 10px; }
#sub-menu dl dd div p,
#sub-menu dl dd div ul {
	border: 1px solid #aaa; position: absolute; z-index: 2; width: 270px; margin: -10px 0px 0px 100px; padding: 5px;
}
#sub-menu dl dd div ul li { font-weight: normal; margin-left: 0px; }
#sub-menu dl dd ul ul.child {
	position: absolute; background: #fff; margin: 0px; padding: 5px;
	border: 1px solid #ddd; display: none; z-index: 2;
}
#sub-menu dl dd ul ul.child li { margin: 0px; padding: 0px; }
#sub-menu dl dd ul ul.child a {
	font-weight: normal; color: #333; margin: 0px; padding: 5px 10px;
}
#sub-menu dl dd ul ul.child li.focus a { color: #08f; font-weight: bold; }
#sub-menu dl dd ul ul.child a:hover { color: #08f; text-decoration: underline; }


/* site menu */
#menu-entry {
	margin: 0px; padding: 0px; font-family: '나눔 고딕', '돋움'; font-size: 16px; opacity: 0;
}
#menu-entry div.filter { background: url('/proxy/img/filter.png'); position: absolute; }
#menu-entry dl { position: relative; }
#menu-entry dt a { text-decoration: none; color: #fff; }
#menu-entry dt a:hover,
#menu-entry dl.focus dt a { color: #ff0; }
#menu-entry dd a { font-weight: normal; color: #000; text-decoration: none; }
#menu-entry dd a:hover { color: #00d; text-decoration: underline; }
#menu-entry dl dd { display: none; }
#menu-entry dl li.focus a { color: #08f; }
#menu-entry dl.new dt,
#menu-entry dl dd li.new {
	background: url('/proxy/img/board/new.gif') no-repeat 95% 50%;
}
#menu-entry.wide dl dd li.new { padding-right: 20px; }

#menu-entry.layer dl { margin: 0px; padding: 0px; }
#menu-entry.layer dl.hidden { display: none; }
#menu-entry.layer dl dt { padding: 0px; margin: 0px; font-weight: bold; border-bottom: 1px solid #fff; }
#menu-entry.layer dl dt a {
	display: block; padding: 10px;
}
#menu-entry.layer dl dd { margin: 0px; padding: 0px; position: relative; }
#menu-entry.layer dl dd ul {
	position: absolute; margin: 0px; padding: 10px; background: #fff; overflow: hidden;
	top: -20px; left: 80%; border: 1px solid #ddd; width: 50%; z-index: 2;
}
#menu-entry.layer dl dd ul li { list-style: none; }
#menu-entry.layer dl dd ul li a { display: block; padding: 5px; border-bottom: 1px solid #ddd; }
#menu-entry.layer dl dd ul li:last-child a { border: 0px; }


#menu-entry.deep dl { margin: 0px; padding: 0px; }
#menu-entry.deep dl.hidden { display: none; }
#menu-entry.deep dl dt { padding: 0px; margin: 0px; font-weight: bold; border-bottom: 1px solid #fff; }
#menu-entry.deep dl dt a { display: block; padding: 10px; }
#menu-entry.deep dl dd { margin: 0px; padding: 0px; overflow: hidden; }
#menu-entry.deep dl dd ul { margin: 0px; padding: 0px; background: #fff; }
#menu-entry.deep dl dd ul li { list-style: none; margin: -9999px 0px 0px 0px; padding: 0px; }
#menu-entry.deep dl dd ul li a { display: block; padding: 5px; }

#menu-entry.wide dl { float: left; margin: 0px; padding: 0px; }
#menu-entry.wide dl.hidden { display: none; }
#menu-entry.wide dl dt { padding: 0px; margin: 0px; font-weight: bold; }
#menu-entry.wide dl dt a {
	display: block; padding: 0px 20px 0px 20px;
	height: 50px; line-height: 50px; text-align: center;
}
#menu-entry.wide dl.menu01 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu02 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu03 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu04 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu05 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu06 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu07 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu08 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu09 dd ul { margin-left: 0px; }
#menu-entry.wide dl.menu10 dd ul { margin-left: 0px; }
#menu-entry.wide dl dd { margin: 0px; padding: 0px; position: absolute; z-index: 2; }
#menu-entry.wide dl dd ul { padding: 0px; margin: 0px; font-size: 0px; }
#menu-entry.wide dl dd ul li { list-style: none; margin: 0px; padding: 0px; display: inline; float: left; }
#menu-entry.wide dl dd ul li li { display: block; float: none; }
#menu-entry.wide dl dd ul li.hidden a { display: none; }
#menu-entry.wide dl dd ul li a {
	display: block; margin: 7px 0px 0px 0px; padding: 5px 10px 5px 11px; font-size: 12px;
	background: url('/proxy/font/get.pl?size=6&color=ccc&back=fff&clear=yes&text=l') no-repeat 0px 11px;
}
#menu-entry.wide dl dd ul li.focus a { color: #427dde; }
#menu-entry.wide dl dd ul li a:hover { color: #427dde; }
#menu-entry.wide dl dd ul li.head a { background: url(''); }

#menu-entry.wide-up dl { float: left; margin: 0px; padding: 0px; position: relative; z-index: 2; }
#menu-entry.wide-up dl.hidden { display: none; }
#menu-entry.wide-up dl dt { padding: 0px; margin: 0px; font-weight: bold; }
#menu-entry.wide-up dl dt a {
	display: block; padding: 0px 20px 0px 20px;
	height: 50px; line-height: 50px; text-align: center;
}
#menu-entry.wide-up dl dd {
	position: absolute; margin: 0px; padding: 0px; background: #fff;
	top: 0px; width: 100%; z-index: 2;
}
#menu-entry.wide-up dl dd ul {
	margin: 0px; padding: 0px; border: 1px solid #ddd;
}
#menu-entry.wide-up dl dd ul li { list-style: none; }
#menu-entry.wide-up dl dd ul li a { display: block; padding: 5px; border-bottom: 1px solid #ddd; }
#menu-entry.wide-up dl dd ul li:last-child a { border: 0px; }

#menu-entry.wide-down dl { float: left; margin: 0px; padding: 0px; position: relative; z-index: 2; }
#menu-entry.wide-down dl.hidden { display: none; }
#menu-entry.wide-down dl dt { padding: 0px; margin: 0px; font-weight: bold; }
#menu-entry.wide-down dl dt a {
	display: block; padding: 0px 20px 0px 20px;
	height: 41px; line-height: 41px; text-align: center;
}
#menu-entry.wide-down dl dd {
	position: absolute; margin: 0px; padding: 0px; background: #fff;
	bottom: 0px; width: 100%; z-index: 2;
}
#menu-entry.wide-down dl dd ul {
	margin: 0px; padding: 0px; border: 1px solid #ddd;
}
#menu-entry.wide-down dl dd ul li { list-style: none; }
#menu-entry.wide-down dl dd ul li a { display: block; padding: 5px; border-bottom: 1px solid #ddd; }
#menu-entry.wide-down dl dd ul li:last-child a { border: 0px; }

#menu-entry.wide-pulldown dl { float: left; margin: 0px; padding: 0px; position: relative; z-index: 2; }
#menu-entry.wide-pulldown dl.hidden { display: none; }
#menu-entry.wide-pulldown dl dt { padding: 0px; margin: 0px; font-weight: bold; }
#menu-entry.wide-pulldown dl dt a {
	display: block; padding: 0px 30px 0px 30px;
	height: 50px; line-height: 50px; text-align: center;
}
#menu-entry.wide-pulldown dl dd {
	position: absolute; margin: 0px; padding: 0px; background: #eee;
	top: 100%; width: 100%; z-index: 2;
}
#menu-entry.wide-pulldown dl dd ul { margin: 10px 0; padding: 0px; }
#menu-entry.wide-pulldown dl dd ul li { list-style: none; }
#menu-entry.wide-pulldown dl dd ul li a { display: block; padding: 5px; }
#menu-entry.wide-pulldown div.pulldown {
	clear: both; background: #eee; position: relative; z-index: 1; height: 100px;
}

#menu-entry dl dd ul ul.child {
	position: absolute; background: #fff; margin: 0px; padding: 5px;
	border: 1px solid #ddd; display: none; width: 100%;
}
#menu-entry dl dd ul ul.child li { margin: 0px; padding: 0px; display: block; }
#menu-entry dl dd ul ul.child a {
	display: block; font-weight: normal; color: #333; margin: 0px; padding: 5px 10px; background: url('');
}
#menu-entry dl dd ul ul.child li.focus a { color: #08f; font-weight: bold; }
#menu-entry dl dd ul ul.child a:hover { color: #08f; text-decoration: underline; }


/* main title */
#navigate-viewer {
	margin: 0px 0px 15px 0px; padding: 0px; font-family: '나눔 고딕', '돋움', sans-serif;
	height: 30px; overflow: hidden; border-bottom: 3px solid #aaa;
}
#navigate-viewer span {
	float: left; display: inline; margin: 0px 0px 0px 5px;
	text-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px; color: #000; font-weight: bold;
}
#navigate-viewer dl.navi {
	float: right; display: inline; font-size: 13px; color: #333; margin: 10px 5px 0px 0px;
}
#navigate-viewer dl.navi dt.home,
#navigate-viewer dl.navi dd.step {
	float: left; display: inline; margin: 0px;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#navigate-viewer dl.navi dt.home {
	background-image: url('/proxy/img/navi.home.gif');
	padding: 0px 5px 0px 15px;
}
#navigate-viewer dl.navi dd.step {
	background-image: url('/proxy/img/navi.arrow.gif');
	padding: 0px 5px 0px 12px;
}
#navigate-viewer dl.navi dd.step dl { margin: 0px; padding: 0px; }
#navigate-viewer dl.navi dd.step dl dt { margin: 0px; padding: 0px; cursor: pointer; }
#navigate-viewer dl.navi dd.step dl dd {
	margin: 0px; padding: 5px; display: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
#navigate-viewer dl.navi dd.step dl dd.over { position: absolute; display: block; }
#navigate-viewer dl.navi dd.step dl dd.over a {
	display: block; padding: 0px 0px 0px 7px; margin: 3px;
	background-image: url('/proxy/img/dotSimple.gif');
	background-position: 0px 50%;
	background-repeat: no-repeat;
}

#navigate-viewer a { color: #000; text-decoration: none; }
#navigate-viewer a:hover { color: #08f; text-decoration: underline; }

#navigate-childs { font-size: 0px; margin: 0 0 20px; }
#navigate-childs ul {
	margin: 0; padding: 10px; font-family: 돋움; border: 1px solid #ddd;
	box-shadow: 5px 5px 5px -3px #ddd, 2px 2px 5px -3px #ddd inset;
	width: 100%; display: inline-block; box-sizing: border-box;
}
#navigate-childs ul li {
	float: left; list-style: none; margin: 0px; padding: 0px; width: 25%;
	background: url('/proxy/img/dotSimple.gif') no-repeat 0px 50%;
}
#navigate-childs ul li.hidden { display: none; }
#navigate-childs ul li a {
	display: inline-block; font-size: 12px; padding: 5px 0px; color: #333;
	text-decoration: none;
	text-indent: 7px;
}
#navigate-childs ul li a:hover { color: #048; text-decoration: underline; }
#navigate-childs ul li.focus a { font-weight: bold; }
#navigate-childs ul li.new a {
	background: url('/proxy/img/board/new.gif') no-repeat 100% 50%;
	padding-right: 20px;
}


/* option selecter */
#itemOptionSelecter {
	display: none; position: absolute; background-color: #fff; border-radius: 10px;
	border: 1px solid #888; width: 450px; font-family: 굴림; font-size: 12px;
}
#itemOptionSelecter * { margin: 0px; padding: 0px; }
#itemOptionSelecter div.title {
	padding: 5px; background: #000; font-weight: bold; color: #fff;
	border-radius: 10px 10px 0 0;
}
#itemOptionSelecter dl { margin: 10px; }
#itemOptionSelecter dl dt {
	margin: 5px; padding-left: 5px; font-weight: bold;
	background-image: url('/proxy/img/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#itemOptionSelecter dl dd { padding: 3px 3px 10px 20px; margin: 0px 0px 10px 0px; border-bottom: 1px dashed #08f; }
#itemOptionSelecter dl dd ul { margin-bottom: 15px; }
#itemOptionSelecter dl dd ul li {
	list-style: none; padding-left: 5px; margin: 5px;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#itemOptionSelecter dl dd p { margin: 4px 0px 4px 0px; }
#itemOptionSelecter dl dd p input { vertical-align: middle; }
#itemOptionSelecter dl dd p label {}
#itemOptionSelecter dl dd p label:hover { color: #08f; text-decoration: underline; }
#itemOptionSelecter dl dd p label input { margin-top: -2px; }
#itemOptionSelecter dl dd p input.input { border: 1px solid #ddd; font-family: 굴림체; }
#itemOptionSelecter dl dd p span.price { color: #06f; }
#itemOptionSelecter p.button { text-align: center; margin: 10px; }
#itemOptionSelecter p.button input { padding: 5px; border: 1px outset #ddd; }

/* catalog list */
div.chart { margin: 0px 10px 30px 10px; font-family: 굴림; font-size: 12px; text-align: left; }
div.chart table { border-spacing: 0px; width: 100%; color: #555; }
div.chart table thead { color: #777; }
div.chart table thead tr {}
div.chart table thead tr th,
div.chart table thead tr td {
	padding: 15px; border-top: 2px solid #7ab3c9; border-bottom: 1px solid #ddd;
	font-weight: bold; text-align: center;
}
div.chart table thead tr td { background: url('/proxy/img/default/chart.part.gif') no-repeat 0px 50%; }
div.chart table tbody {}
div.chart table tbody tr {}
div.chart table tbody tr td { text-align: center; border-bottom: 1px solid #ddd; }
div.chart table tbody tr td p,
div.chart table tbody tr td li { text-align: left; padding: 2px; margin: 0px; }
div.chart table tbody tr td li span { display: inline-block; width: 55px; }
div.chart table tbody tr td li.positive { color: #00f; }
div.chart table tbody tr td li.negative { color: #f00; text-decoration: underline; }
div.chart table tbody tr td dl { text-align: left; }
div.chart table tbody tr td dl dt {
	font-weight: bold;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px; color: #337;
}
div.chart table tbody tr td dl dd {
	margin: 5px 0px 5px 20px;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px; color: #777;
}
div.chart table tbody tr td dl dd a { color: #77f; }
div.chart table tbody tr td input.button { border: 1px outset #ddd; }
div.chart table tbody tr td input.input { border: 1px solid #ddd; font-family: 굴림체; }
div.chart table tbody tr td.lock {
	background-image: url('/proxy/img/default/lock.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 15px; text-align: left;
}
div.chart table tbody tr td.subj { text-align: left; }
div.chart table tbody tr td.price span.org-price { text-decoration: line-through; }
div.chart table tbody tr td.price strong { color: #08f; }
div.chart table tbody tr td.major { color: #007236; font-weight: bold; }
div.chart table tbody tr td.minor { color: #f14e54; font-weight: bold; }
div.chart table tbody tr td.button img { cursor: pointer; margin-bottom: 3px; }
div.chart table tbody tr:hover td { background-color: #ffa; }
div.chart table tr td { padding: 5px; }
div.chart div.label {
	text-align: center; color: #000; padding: 20px; margin: 10px 10px 0px 0px;
	border: 1px solid #ddd;
}
div.chart div.label strong { margin: 0px 5px 0px 20px; }
div.chart div.label span { margin: 0px 20px 0px 5px; }
div.chart div.button { margin: 10px; text-align: right; }
div.chart div.button input { padding: 10px; border: 1px outset #ddd; }
div.chart div.button img { cursor: pointer; }
div.chart div.pageMove { text-align: center; margin: 10px; }

div.chart div.total { height: 50px; margin: 5px; }
div.chart div.total * { margin: 0px; padding: 0px; }
div.chart div.total hr { clear: both; visibility: hidden; }
div.chart div.total dl { height: 20px; float: right; display: inline; }
div.chart div.total dl dt,
div.chart div.total dl dd { float: left; display: inline; }
div.chart div.total dl dt { font-weight: bold; padding: 0px 5px 0px 15px; color: #aaa; }
div.chart div.total dl dd { padding: 0px 10px 0px 0px; }
div.chart div.total dl dd.major span { color: #007236; font-weight: bold; }
div.chart div.total dl dd.minor span { color: #f14e54; font-weight: bold; }
div.chart div.total dl dd.stock span { color: #004a80; font-weight: bold; }

div.chart input.del { border: 1px outset #f88; background-color: #f00; color: #fff; }
div.chart input.mod { border: 1px outset #8d8; background-color: #080; color: #fff; }
div.chart input.lnk { border: 1px outset #ddd; }
div.chart dl.comment { margin: 5px 0px 30px 50px; }
div.chart dl.comment dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #08f;
	background-image: url('/proxy/img/dotDefault.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
div.chart dl.comment dd {
	margin: 3px 0px 3px 15px;
	padding-left: 5px; color: #aaa;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}


/* application forms */
.app-form { clear: both; margin: 0px 10px 30px 10px; font-size: 12px; font-family: 굴림; color: #555; text-align: left; }
.app-form img { vertical-align: middle; }
.app-form label:hover { color: #06f; text-decoration: underline; }
.app-form label input { vertical-align: middle; border: 0px; padding: 0px; margin: 0px; margin-top: -1px; }

.app-form a { color: #000; text-decoration: none; }
.app-form a:hover { color: #06f; text-decoration: underline; }
.app-form textarea { padding: 0px; margin: 0px; width: 100%; }
.app-form textarea,
.app-form input.input { border: 1px solid #ccc; font-family: 굴림체; }
.app-form input.button { border: 1px outset #ddd; font-family: 굴림체; }
.app-form .caption {
	background-image: url('/proxy/img/default/arrow.orange.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	font-weight: bold; color: #555;
	padding: 10px 0px 10px 20px;
}
.app-form .caption img { vertical-align: middle; }
.app-form .plain {
	border-top: 2px solid #777; margin-bottom: 20px; padding: 10px 0px 10px 0px;
}
.app-form .plain table { border-spacing: 0px; width: 100%; }
.app-form .plain table tr th {
	text-align: left; padding: 5px 0px 5px 20px; width: 120px;
	background-image: url('/proxy/img/default/dot.star.gif');
	background-repeat: no-repeat;
	background-position: 7px 50%;
	border-bottom: 1px solid #ddd;
}
.app-form .plain table tr td { padding: 5px; border-bottom: 1px solid #ddd; }
.app-form .plain table tr td fieldset { margin: 10px; background: #eee; border: 1px solid #ccc; }
.app-form .plain table tr td fieldset legend { background: #333; color: #fff; padding: 5px; }
.app-form .plain table tr td fieldset div { background: #fff; padding: 10px; border: 1px solid #ccc; }
.app-form .plain table tr td.search-address button {
	border: 1px solid #aaa; background: #fff url(''); border-radius: 5px; margin: 0 0 0 10px; padding: 10px 20px;
}
.app-form .plain table tr td .message {
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 5px; margin: 5px 0px 5px 10px;
	color: #08f;
}

.app-form .plain table tr td .message strong { text-decoration: underline; }
.app-form .plain table tr td.price { color: #06f; font-weight: bold; }
.app-form .plain table tr.positive,
.app-form .plain table tr.positive * { color: #00f; }
.app-form .plain table tr.negative,
.app-form .plain table tr.negative * { color: #f00; }
.app-form .plain table tr.negative td,
.app-form .plain table tr.negative td * { text-decoration: underline; }
.app-form .list { border-top: 1px solid #f79294; margin-bottom: 20px; padding: 10px 0px 10px 0px; }
.app-form .list table { width: 100%; border-spacing: 1px; }
.app-form .list table th,
.app-form .list table td { padding: 3px; }
.app-form .list table caption {
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	color: #f79294; text-align: left; padding: 10px; margin-left: 5px;
}
.app-form .list table thead tr { height: 30px; }
.app-form .list table thead tr th { background-color: #ddd; }
.app-form .list table tbody.allCenter td { text-align: center; }
.app-form .list table tbody tr td li { text-align: left; }
.app-form .list table tbody tr { }
.app-form .list table tbody tr td { text-align: left; border-bottom: 1px dashed #ddd; }
.app-form .list table tbody tr td.success { color: #00f; }
.app-form .list table tbody tr td.fail { color: #f00; }
.app-form .list table tbody tr td.center { text-align: center; }
.app-form .list table tbody tr td.right { text-align: right; }
.app-form .list table tbody tr:hover { background-color: #eee; }

.app-form div.alert { text-align: center; padding: 10px; color: #f79294; }
.app-form div.box { text-align: center; padding: 10px; }
.app-form p.submit { text-align: center; }
.app-form p.submit input { padding: 7px 12px 7px 12px; border: 1px outset #ddd; }
.app-form p.submit img { cursor: pointer; }
.app-form p.submit2 { text-align: center; }
.app-form p.submit2 input { vertical-align: middle; }
.app-form p.submit2 img { cursor: pointer; vertical-align: middle; }
.app-form div.buttons { text-align: center; padding: 20px; }
.app-form div.buttons a {
	border: 1px solid #aaa; border-radius: 3px; font-family: '나눔 고딕', '돋움체';
	padding: 5px 20px 8px; cursor: pointer; background: #fff;
	box-shadow: 0px 0px 1px 1px #ddd, -1px -1px 3px 0px #000 inset;
	text-decoration: none; color: #000; font-weight: bold;
}
.app-form div.buttons a:hover { color: #00d; }

.app-form dl.tip,
.app-form dl.comment { margin: -20px 0px 30px 50px; }
.app-form dl.comment dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #06f;
	background-image: url('/proxy/img/dotDefault.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.app-form dl.comment dd {
	margin: 3px 0px 3px 15px;
	padding-left: 5px; color: #aaa;
	background-image: url('/proxy/img/dotSimple.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.app-form dl.tip dt {
	margin: 3px 0px 3px 0px;
	padding-left: 7px; color: #c33;
	background: url('/proxy/img/dotDefault.gif') no-repeat 0px 5px;
}
.app-form dl.tip dd { color: #555; margin: 0px; padding: 0px; }
.app-form dl.tip dd li { padding: 3px 0px 3px 0px; }

.app-form input.del { border: 1px outset #f88; background-color: #f00; color: #fff; }
.app-form input.mod { border: 1px outset #8d8; background-color: #080; color: #fff; }
.app-form input.lnk { border: 1px outset #ddd; }


/* quick menu */
#quick {
	position: absolute; margin-left: 990px; top: 174px; width: 100px;
	font-family: '나눔 고딕', '돋움'; font-size: 12px;
}
#quick div.wrap { border: 1px solid #ddd; margin: 5px; background: #fff; }
#quick dl.link { margin: 0; padding: 0; }
#quick dl.link dt {
	background: #4a5164; padding: 8px 0; margin: 0; color: #fff; text-align: center;
}
#quick dl.link dd { margin: 0 5px; padding: 3px 0; border-bottom: 1px solid #ddd; text-align: center; }
#quick dl.link dd a { color: #f00; text-decoration: none; }
#quick dl.link dd a:hover { text-decoration: underline; }
#quick dl.link dd:last-child { border: 0; }
#quick dl.latest { margin: 3px; padding: 0; text-align: center; background: #888; color: #fff; }
#quick dl.latest dt { margin: 0 5px 15px; padding: 5px; border-bottom: 1px solid #555; }
#quick dl.latest dd { margin: 0; padding: 0; max-height: 210px; overflow: hidden; overflow-y: auto; }
#quick dl.latest dd a { display: block; margin: 0; padding: 0 3px 10px; text-align: center; }
#quick dl.latest dd img { margin-bottom: 5px; width: 50px; height: 50px; }
#quick button.top {
	cursor: pointer; border: 0; border-top: 1px solid #ddd;
	text-align: center; width: 100%; padding: 8px 0; color: #000;
}








#afterMoreNode {
	position: absolute; border: 1px solid #08f; background-color: #adf; width: 280px; display: none; line-height: 130%;
}
#afterMoreNode .text { border: 1px solid #08f; padding: 5px; margin: 1px; background-color: #fff; font-size: 12px; }
#afterMoreNode .close { text-align: center; padding: 10px; }
#afterMoreNode .close input { border: 1px outset #ddd; padding: 10px; }







#subShopLayer { margin: 0px; padding: 0px; }
#subShopLayer div.handler { margin: 0px; padding: 0px; }
#subShopLayer div.handler img { cursor: pointer; }
#subShopLayer div.layer { position: absolute; display: none; }

#supportBlock { }
#supportBlock p { margin: 0px 0px 5px 0px; padding: 0px; }

#bbsIntro { margin-bottom: 10px; }

.subLatest {
	margin: 30px; padding: 0px; float: left; display: inline; font-family: 굴림; font-size: 12px;
	width: 309px; height: 150px;
}
.subLatest dt {
	margin: 0px; padding: 0px; width: 309px; height: 31px; overflow: hidden;
	background-image: url('/proxy/img/site/subLatestBack.gif');
}
.subLatest dt img { margin: 5px 0px 0px 17px; }
.subLatest dd {
	margin: 0px 5px 0px 5px; padding: 5px 0px 5px 10px;
	background-image: url('/proxy/img/site/subLatestArrow.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	border-bottom: 1px dashed #ddd;
	position: relative;
}
.subLatest dd a { color: #555; text-decoration: none; }
.subLatest dd a:hover { color: #08f; text-decoration: underline; }
.subLatest dd sub { position: absolute; top: 3px; right: 5px; font-size: 13px; }






.csLatest {
	width: 300px; margin: 20px; height: 120px; float: left; display: inline;
	font-size: 12px; font-family: 굴림;
}
.csLatest a { text-decoration: none; }
.csLatest a:hover { color: #08f; text-decoration: underline; }
.csLatest dt { margin: 5px 0px 5px 0px; padding: 5px; background-color: #08f; }
.csLatest dt a { color: #fff; font-weight: bold; }
.csLatest dt a:hover { color: #0df; }
.csLatest dd {
	margin: 5px; height: 16px;
	background-image: url('/proxy/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 7px;
	border-bottom: 1px dashed #ddd;
}
.csLatest dd span { float: right; color: #aaa; }
.csLatest dd a { color: #777; }
.csLatest dd.lost { background-image: url(''); padding: 40px 0px 40px 0px; text-align: center; }


#supportBlock { margin: 0px 0px 0px 5px; }

#agree-viewer { padding: 10px 10px 50px 10px; font-size: 13px; line-height: 160%; }

img.nrcode { vertical-align: middle; cursor: pointer; }


div.style-buttons { text-align: center; padding: 20px; }
div.style-buttons * {
	border: 1px solid #aaa; border-radius: 3px; font-family: '나눔 고딕', '돋움체';
	padding: 0 7px 2px; cursor: pointer; background: #fff;
	box-shadow: 0px 0px 1px 1px #ddd; text-decoration: none; color: #000; font-weight: bold;
}
div.style-buttons *:hover { color: #00d; }


li.auto-complete-item { box-sizing: border-box; padding: 3px; margin: 1px; }
li.auto-complete-item a { display: inline-block; width: 100%; }
li.auto-complete-item span.word { float: left; color: #000; }
li.auto-complete-item span.word strong { background: #ff0; }
li.auto-complete-item span.count { float: right; color: #888; }body { margin: 0; text-align: center; font-family: '나눔 고딕'; }
#site-header { width: 1200px; margin: 0 auto; display: inline-block; text-align: left; font-size: 12px; }
#site-header div.gnb { display: inline-block; width: 100%; margin: 20px 0 0; }
#site-header div.gnb ul { margin: 0; padding: 0; list-style: none; float: right; }
#site-header div.gnb li { float: left; margin: 0; padding: 0; }
#site-header div.gnb a {
	display: block; padding: 5px; color: #333; text-decoration: none;
	background: url('/proxy/img/dot-pipe.gif') no-repeat 0 50%;
}
#site-header div.gnb a:hover { text-decoration: underline; color: #06f; }
#site-header div.gnb li:first-child a { background: none; }
#site-header div.gnb li.admin a { color: #f00; }
#site-header div.logo { text-align: center; padding: 20px 0; }

#site-menu {
	height: 41px; background: #333742;
}
#site-menu div.wrap { width: 1200px; height: 41px; margin: 0 auto; text-align: left; }

#site-contents { width: 1200px; margin: 30px auto 30px; display: inline-block; text-align: left; }
body.main #site-contents { margin: 0 auto 30px; }
body.sub div.sub-contents,
body.shop div.sub-contents { width: 233px; background: #ddd; float: left; box-sizing: border-box; padding: 17px; }
body.sub div.main-contents,
body.shop div.main-contents { float: right; width: 967px; box-sizing: border-box; padding: 0 20px 20px; }


#site-customer { border-bottom: 1px solid #6d6d6d; background: #444; }
#site-customer ul {
	height: 178px; width: 1200px; margin: 0 auto; padding: 0; list-style: none;
	background: url('/proxy/img/site/customer.gif'); position: relative;
}
#site-customer a { position: absolute; top: 0; bottom: 0; text-align: left; text-indent: -9999px; }
#site-customer li { margin: 0; padding: 0; }
#site-customer li.link01 a { left: 300px; width: 299px; }
#site-customer li.link02 a { left: 600px; width: 298px; }
#site-customer li.link03 a { left: 899px; width: 300px; }

#tasks { padding: 20px 0; background: #444; }
#tasks ul { margin: 0 auto; padding: 0; text-align: center; font-size: 0; }
#tasks ul li { display: inline-block; vertical-align: middle; color: white; padding: 5px 0; font-size: 14px; }
#tasks ul li:before { content: ''; display: inline-block; background: darkgray; width: 3px; height: 3px; border-radius: 50%; vertical-align: middle; margin: 0 10px; }
#tasks ul li:first-child:before { display: none; }


#site-copyright {
	font-size: 12px; color: #555; width: 1200px; margin: 10px auto 50px; text-align: left;
	background: url('/proxy/img/site/escrow.jpg') no-repeat 100% 50%;
}
#site-copyright a { color: #555; text-decoration: none; }
#site-copyright div.terms { margin: 0 0 10px; }
#site-copyright div.terms ul { margin: 0; padding: 0; display: inline-block; list-style: none; font-weight: bold; }
#site-copyright div.terms li { float: left; }
#site-copyright div.terms a { display: block; padding: 5px 10px; }
#site-copyright div.terms a.private { color: #f00; }
#site-copyright div.info { margin: 0 0 0 10px; }
#site-copyright div.info p { margin: 0 0 10px; }
#site-copyright div.info p.address {}
#site-copyright div.info p.company {}
#site-copyright div.info p.copyright { font-size: 11px; color: #777; }
#site-copyright div.escrow { display: none; }