/* common top */

/* list */
#board-list dl.simple-search {
	height: 25px; overflow: hidden; margin: 0px 0px 5px 0px; padding: 0px;
}
#board-list dl.simple-search dt {
	float: left; display: inline; margin: 0px; padding: 0px; line-height: 20px;
	background: #000; color: #fff; height: 20px; width: 140px; text-indent: 10px;
	box-shadow: 2px 2px 2px #888;
}
#board-list dl.simple-search dd {
	float: left; display: inline; margin: 0px; padding: 0px; background: #000; height: 20px;
	box-shadow: 2px 2px 2px #888;
}
#board-list dl.simple-search dd a {
	display: block; background: #fff; margin: 1px 1px 1px 0px; padding: 0px 5px 0px 5px; height: 18px;
	line-height: 20px; text-decoration: none; color: #333;
}
#board-list dl.simple-search dd a:hover { background: #ddd; }
#board-list dl.simple-search dd.focus a { background: #7d7; }
#board-list dl.simple-search dd.state1 a { color: #f00; }
#board-list dl.simple-search dd.state2 a { color: #080; }
#board-list dl.simple-search dd.state3 a { color: #00f; }
#board-list dl.simple-search dd.state4 a { color: #888; }

#board-list { margin: 0px 10px 150px 10px; font-size: 12px; font-family: 굴림; }
#board-list * { background-repeat: no-repeat; }
#board-list img { border: 0px; vertical-align: middle; }
#board-list input { border: 0px; vertical-align: middle; }
#board-list p.total { text-align: right; margin: 10px; }
#board-list ol { margin: 0px 0px 20px 0px; padding: 0px; color: #999; }
#board-list ol li {
	margin: 5px 0px 5px 30px; padding: 0px 0px 0px 15px;
	background-image: url('/proxy/img/board/speaker.gif');
	background-position: 0px 50%;
}
#board-list ol li.arrow {
	background-image: url('/proxy/img/board/arrow.gif');
}
#board-list ol li a { color: #333; text-decoration: none; }
#board-list ol li a:hover { color: #f60; text-decoration: underline; }
#board-list ol li span.admin { font-weight: bold; color: #088; cursor: pointer; }
#board-list ol li span.member { font-weight: bold; cursor: pointer; }
#board-list ol li span.break { text-decoration: line-through; }
#board-list ol li span.blank { color: #aaa; }

#board-list ul { margin: 0px; padding: 0px; color: #777; }
#board-list ul li {
	margin: 0px 0px 20px 0px; padding: 5px; line-height: 12px; font-size: 12px; font-family: 굴림;
	float: left; display: inline; text-align: center; border: 1px; border: 1px solid #fff;
}
#board-list ul li.view { border: 1px solid #f60; }
#board-list ul li a {
	width: 138px; height: 150px; overflow: hidden;
	display: block; text-decoration: none;
}
#board-list ul li a:hover { color: #f60; }
#board-list ul li a span { display: block; margin: 0px 0px 4px 0px; color: #999; }
#board-list ul li a span.subj {
	height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333;
	line-height: 30px;
}
#board-list hr { clear: both; }

#board-list table.list {
	width: 100%; border-spacing: 0px;
	background-image: url('/proxy/img/board/loopTop.gif');
	background-repeat: repeat-x;
}
#board-list table.list tr td,
#board-list table.list tr th { text-align: center; padding: 0px; border: 0px; }
#board-list table.list caption { text-align: right; color: #777; margin: 3px; }
#board-list table.list thead {}
#board-list table.list thead tr { height: 32px; }
#board-list table.list thead tr th { color: #666; font-size: 12px; }
#board-list table.list thead tr th.no { width: 50px; }
#board-list table.list thead tr th.image { width: 60px; }
#board-list table.list thead tr th.null { width: 10px; }
#board-list table.list thead tr th.writer { width: 90px; }
#board-list table.list thead tr th.hit { width: 50px; }
#board-list table.list thead tr th.date { width: 70px; }
#board-list table.list tbody tr.view { background-color: #f0f0f0; }
#board-list table.list tbody tr:hover { background-color: #f4fff0; }
#board-list table.list tbody tr td.arrow {
	background-image: url('/proxy/img/board/arrow.gif');
	background-position: 50% 50%;
}
#board-list table.list tbody tr td.speaker {
	background-image: url('/proxy/img/board/speaker.gif');
	background-position: 50% 50%;
}
#board-list table.list tbody tr td {
	padding: 10px 0px 8px 0px; border-bottom: 1px solid #ebebeb;
	color: #999;
}
#board-list table.list tbody tr td.subj { text-align: left; }
#board-list table.list tbody tr td.admin { font-weight: bold; color: #088; cursor: pointer; }
#board-list table.list tbody tr td.member { font-weight: bold; cursor: pointer; }
#board-list table.list tbody tr td.break { text-decoration: line-through; }
#board-list table.list tbody tr td.blank { color: #888; }
#board-list table.list tbody tr td.state1 { color: #f00; font-weight: bold; }
#board-list table.list tbody tr td.state2 { color: #080; font-weight: bold; }
#board-list table.list tbody tr td.state3 { color: #00f; font-weight: bold; }
#board-list table.list tbody tr td.state4 { color: #00f; font-weight: bold; }
#board-list table.list tbody tr td.state5 { color: #888; font-weight: bold; }
#board-list table.list tbody tr td a { color: #676767; text-decoration: none; }
#board-list table.list tbody tr td a:hover { color: #08f; text-decoration: underline; }
#board-list div.button { text-align: right; margin: 5px; font-size: 0; }
#board-list div.button span.write a { color: #03d; border: 1px solid #03d; }
#board-list div.button a {
	font-size: 12px; display: inline-block; color: #333; vertical-align: middle;
	font-family: '맑은 고딕'; font-weight: bold; text-decoration: none;
	border: 1px solid #ddd; border-radius: 5px; padding: 3px 10px; margin: 1px 1px 1px 5px;
	box-shadow: 1px 1px 3px 0px #ddd;
}
#board-list div.button span a:hover { border: 1px solid #5d3; }
#board-list div.button span a:active { margin: 2px 0px 0px 6px; }
#board-list div.page-move { text-align: center; margin: 5px; }
#board-list form.search { text-align: right; margin: 5px; }
#board-list form.search label input { margin: 0px 2px 2px 0px; }
#board-list form.search span.input input { height: 17px; border: 1px solid #ddd; }
#board-list form.search span.submit {}
#board-list form.class-search { text-align: right; padding: 5px 0; }
#board-list form.class-search select { border: 1px solid #aaa; padding: 3px; vertical-align: middle; }
#board-list form.class-search input {
	background: #00d; color: #fff; font-family: '맑은 고딕'; padding: 3px 10px 4px; vertical-align: middle;
	font-weight: bold; border-radius: 2px; border: 0;
}

/* View */
#board-view { margin: 0px 10px 10px 10px; font-size: 12px; }
#board-view * { background-repeat: no-repeat; }
#board-view div.subj { }
#board-view div.subj h1 { margin: 0px; padding: 0px; }
#board-view div.subj h1 span {
	display: block; margin: 0px; font-size: 13px; color: #333; padding: 10px;
	border-bottom: 1px dotted #999;
}
#board-view div.subj h1 sub {
	margin: 10px; font-weight: normal; color: #989898; font-size: 13px;
	display: block; text-align: right;
}
#board-view div.content {
	font-size: 12pt; line-height: 120%; overflow: auto; padding: 17px 0 20px; margin: 5px;
}
#board-view div.content p { margin: 0px; }
#board-view div.content textarea#contentText { display: none; }
#board-view div.attach-image { margin: 0 0 10px; border-bottom: 1px solid #555; }
#board-view div.attach-image img { vertical-align: middle; }
#board-view div.attach-image p {
	background: #fda; font-size: 12px; font-family: '맑은 고딕', '돋움'; padding: 5px;
}
#board-view div.attach-image p.image { padding: 0; text-align: center; }
#board-view div.attach-image p.description { text-align: center; font-size: 11px; }
#board-view div.state-button { text-align: center; }
#board-view div.state-button a {
	display: inline-block; padding: 5px; margin: 5px;
	text-decoration: none; color: #333;
}
#board-view div.state-button a.state1 { border: 1px solid #f00; }
#board-view div.state-button a.state2 { border: 1px solid #080; }
#board-view div.state-button a.state3 { border: 1px solid #00f; }
#board-view div.state-button a.state4 { border: 1px solid #00f; }
#board-view div.state-button a.state5 { border: 1px solid #888; }
#board-view div.state-button a:hover { border: 1px solid #7d7; }
#board-view div.state-button p strong.state1 { color: #f00; }
#board-view div.state-button p strong.state2 { color: #080; }
#board-view div.state-button p strong.state3 { color: #00f; }
#board-view div.state-button p strong.state4 { color: #00f; }
#board-view div.state-button p strong.state5 { color: #888; }
#board-view div.state-button p.alert { color: #5a5; font-weight: bold; }
#board-view div.meta { text-align: right; margin: 10px; color: #777; }
#board-view div.meta span.admin { font-weight: bold; color: #088; cursor: pointer; }
#board-view div.meta span.member { font-weight: bold; cursor: pointer; }
#board-view div.meta span.break { text-decoration: line-through; }
#board-view div.meta span.blank { color: #888; }
#content-text { display: none; }

#board-view div.file {}
#board-view div.file a {
	float: left;
	background-image: url('/proxy/img/board/dot.gif');
	background-position: 5px 50%;
	padding-left: 12px; margin-bottom: 5px; text-decoration: none; color: #777;
}
#board-view div.file a:hover { color: #08f; text-decoration: underline; }
#board-view div.button {
	clear: both; border-top: 2px solid #ccc; padding: 10px 0px 10px 0px; text-align: right;
}
#board-view div.button { text-align: right; margin: 5px; font-size: 0; }
#board-view div.button span.write a { color: #03d; border: 1px solid #03d; }
#board-view div.button span.remove a { color: #d30; border: 1px solid #f30; }
#board-view div.button a {
	font-size: 12px; display: inline-block; color: #333; vertical-align: middle;
	font-family: '맑은 고딕'; font-weight: bold; text-decoration: none;
	border: 1px solid #ddd; border-radius: 5px; padding: 3px 10px; margin: 1px 1px 1px 5px;
	box-shadow: 1px 1px 3px 0px #ddd;
}
#board-view div.button span a:hover { border: 1px solid #5d3; }
#board-view div.button span a:active { margin: 2px 0px 0px 6px; }

#board-view div.prev { background-image: url('/proxy/img/board/arrowUp.gif'); }
#board-view div.next { background-image: url('/proxy/img/board/arrowDown.gif'); }
#board-view div.prev,
#board-view div.next { padding-left: 15px; margin: 0px 0px 0px 10px; height: 20px; color: #999; }
#board-view div.prev a,
#board-view div.next a { text-decoration: none; color: #555; }
#board-view div.prev a:hover,
#board-view div.next a:hover { text-decoration: underline; color: #08f; }

#account-show dl {
	margin: 45px 0px 0px 0px; padding: 0px 0px 10px 0px; border: 1px solid #000; background: #fff;
}
#account-show dl dt {
	margin: -25px 0px 0px -12px; padding: 0px 20px; height: 25px; background: #000; color: #fff;
	float: left; font-size: 12px; font-family: 돋움; line-height: 25px; overflow: hidden;
}
#account-show dl dt span { margin-left: 10px; color: #ff0; }
#account-show dl dd { margin: 0px; padding: 5px 10px; clear: both; font-size: 12px; font-family: 돋움; }
#account-show dl dd input { border: 0px; border-bottom: 1px dotted #000; font-size: 12px; font-family: 돋움체; }
#account-show dl dd fieldset { padding: 10px; margin: 10px; line-height: 160%; background: #f1f1f1; }
#account-show dl dd fieldset legend { background: #ddd; padding: 2px 8px; border: 1px solid #888; }



/* Write */
#board-write { margin: 0px 10px 0px 10px; font-size: 12px; font-family: 굴림; }
#board-write table { width: 100%; border-spacing: 0px; border-bottom: 1px solid #aaa; }
#board-write table caption {
	padding: 10px; text-align: center; font-weight: bold; border: 1px solid #aaa; background-color: #eee;
}
#board-write table th {
	width: 100px; text-align: left;
	background-image: url('/proxy/img/board/dotPoint.gif');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding: 8px 5px 5px 17px;
}
#board-write table td { padding: 5px; }
#board-write table td input.input {
	border: 1px solid #ddd; background-color: #fff;
	font-size: 12px; font-family: 굴림체; padding: 3px;
}
#board-write table td input.check { border: 0px; vertical-align: middle; }
#board-write table td textarea {
	padding: 0px; border: 0px; background: #eee; width: 100%;
	font-size: 12px; font-family: 굴림체;
}
#board-write table th,
#board-write table td { border-bottom: 1px dotted #ddd; }

#board-write div.button { padding: 10px; text-align: center; font-size: 0; }
#board-write div.button button {
	font-size: 12px; color: #333; vertical-align: middle;
	font-family: '맑은 고딕'; font-weight: bold; text-decoration: none;
	border: 1px solid #ddd; border-radius: 5px; padding: 3px 10px; margin: 1px 5px;
	box-shadow: 1px 1px 3px 0px #ddd; background: #fff url(''); cursor: pointer;
}
#board-write div.editor-append button {
	border: 0; padding: 5px 0; width: 100%; border-radius: 5px; background: #55d; color: #fff;
	text-shadow: 0 1px 0 #00d;
	box-shadow: inset 0 39px 0 -24px #6060dd;
}

#contents-form div.button { padding: 10px 0px; }
#contents-form div.button input {
	background: #eee; border-radius: 5px; border: 0px; padding: 5px 50px 8px 50px;
	box-shadow: 3px 3px 3px #888, 0px 0px 3px #888 inset; cursor: pointer;
}
#contents-form div.inputs { border: 1px solid #ddd; padding: 10px; background: #ddd; }
#contents-form div.inputs dl {
	margin: 30px 0px 0px 0px; padding: 10px; border: 1px dotted #000; background: #fff;
	border-radius: 5px;
}
#contents-form div.inputs dl dt {
	margin: -30px 0px 0px 0px; padding: 10px; background: #fff;
	float: left; border: 1px dotted #000; border-radius: 5px;
}
#contents-form div.inputs dl dd { margin: 0px; padding: 10px 0px 0px 10px; clear: both; }
#contents-form div.inputs dl dd input { box-shadow: 1px 1px 2px #888, 0px 0px 3px #888 inset; }
#contents-form div.inputs input { border: 0px; background: #ddf; }
#contents-form div.inputs input.remove {
	padding: 0px 5px 3px 5px; background: #f00; color: #fff; cursor: pointer;
}



/* Opinion List */
#board-base-opinion { margin: 0px 10px 0px 10px; font-family: 굴림; font-size: 12px; }
#board-base-opinion div.page-move { text-align: center; margin: 5px; }
#board-base-opinion div { font-size: 0px; border-bottom: 1px solid #ddd; }
#board-base-opinion div span {
	font-size: 12px; display: inline-block; padding: 5px 0px 5px 0px; text-align: center;
	background: url('/proxy/img/board/part.gif') no-repeat 0px 50%; vertical-align: middle;
}
#board-base-opinion div span.no { width: 7%; background: url(''); text-align: left; text-indent: 10px; }
#board-base-opinion div span.writer { width: 12%; }
#board-base-opinion div span.writer.admin { cursor: pointer; font-weight: bold; color: #088; }
#board-base-opinion div span.writer.member { cursor: pointer; font-weight: bold; }
#board-base-opinion div span.writer.break { text-decoration: line-through; }
#board-base-opinion div span.writer.blank { color: #888; }
#board-base-opinion div span.content { width: 50%; text-align: left; line-height: 130%; }
#board-base-opinion div span.content span {
	background: url(''); padding: 0px 0px 0px 10px; text-align: left; line-height: 130%;
}
#board-base-opinion div span.button { width: 15%; font-size: 0px; }
#board-base-opinion div span.button a {
	font-family: tahoma; font-size: 10px; color: #407777; text-decoration: none;
	display: inline-block; margin: 2px;
}
#board-base-opinion div span.button a:hover { text-decoration: underline; }
#board-base-opinion div span.date { width: 15%; font-size: 11px; }
#board-base-opinion div.reply {
	padding: 0px 0px 0px 17px; margin: 0px 30px 0px 30px; border-bottom: 1px dotted #ddd; color: #aaa;
	background: url('/proxy/img/board/opinion-reply.gif') no-repeat 10px 50%;
}
#board-base-opinion div.reply.last { margin-bottom: 30px; border: 0px; }
#board-base-opinion div.reply span.content { width: 57%; }
#board-base-opinion div.reply span.button { width: 7%; }
#board-base-opinion table tr { height: 50px; }

#opinion-remove-box {
	display: none; position: absolute; z-index: 1;
	border: 2px solid #ad8; background-color: #dfa;
	padding: 5px; width: 300px;
}
#opinion-remove-box div.title {
	text-align: center;
	border: 1px solid #be8;
	background-color: #efc;
	padding: 3px; font-size: 12px; color: #f00; font-weight: bold;
}
#opinion-remove-box div.form { padding: 5px 5px 5px 20px; }
#opinion-remove-box div.form div.input {
	display: inline;
}
#opinion-remove-box div.form input { border: 1px solid #000; margin: 3px; vertical-align: middle; }
#opinion-remove-box div.form div.submit { display: inline; }
#opinion-remove-box div.form div.submit input { background-color: #fff; }

/* Opinion Write */
#board-base-opinion-write { margin: 0px 10px 0px 10px; font-size: 12px; font-family: 굴림; }
#board-base-opinion-write p { font-weight: bold; color: #08f; margin-bottom: 5px; }
#board-base-opinion-write a { color: #000; text-decoration: none; }
#board-base-opinion-write * { font-family: 돋움; }
#board-base-opinion-write { position: relative; }
#opinion-box {
	position: absolute; display: none;
	width: 100%;
	left: 0px; top: 0px;
	border: 2px solid #ddd;
	background-color: #dfa;
	padding: 65px 0px 65px 0px;
	text-align: center;
}
#board-base-opinion-write div.write textarea { border: 0px; background: #eef; width: 100%; }
#board-base-opinion-write div.input { margin: 5px 10px 10px 10px; text-align: right; }
#board-base-opinion-write div.input input { padding: 3px; border: 1px solid #ddd; }
#board-base-opinion-write div.submit { display: inline; }
#board-base-opinion-write div.submit input { border: 0px; }
#board-base-opinion-write div.submit * { vertical-align: middle; cursor: pointer; }

/* Error Skin */
div.board-error {
	margin: 10px;
	text-align: center; font-size: 12px; font-family: 굴림; 
	border: 2px solid #ccc;
	background-color: #f4f4f4;
}
div.board-error * { background-repeat: no-repeat; }
div.board-error div.message {
	margin: 30px;
	padding: 30px 0px 30px 60px;
	color: #f00; font-weight: bold;
	text-align: center;
	border: 1px solid #edd;
	background-color: #f0eeee;
	background-image: url('/proxy/img/board/alert.gif');
	background-position: 20px 20px;
}
div.board-error div.button { margin-bottom: 30px; }
div.board-error div.button input { width: 100px; height: 30px; border: 1px solid #ddd; background-color: #fff; }
div.board-error div.message input { margin-top: 10px; padding: 3px; border: 1px solid #ddd; background-color: #fff; }
div.board-error div.message form { }

div.opinion-error { border: 1px outset #ddd; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 30px; }
div.opinion-error {
	background-image: url('/proxy/img/board/alert2.gif');
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-color: #f0eeee;
	color: #d77;
}


#opinion-reply {
	position: absolute; margin: 0px; padding: 0px; z-index: 5;
	font-size: 12px; font-family: 굴림; display: none;
}
#opinion-reply.show { display: block; }
#opinion-reply div.base { background: #f1f1f1; border: 1px solid #aaa; }
#opinion-reply div.base div {
	color: #fff; cursor: move; text-align: left; padding: 8px;
	background: #55b; font-weight: bold;
}
#opinion-reply div.base p { margin: 0px; padding: 5px; text-align: center; }
#opinion-reply div.base p textarea { border: 0px; padding: 0px; width: 400px; height: 100px; background: #ccd; }