/*////////////////////////////////////////////////////////////////////////////////////
//
//	Common Style
//
////////////////////////////////////////////////////////////////////////////////////*/
@font-face {
	font-family: "엔터-풀잎9";
	src: url(http://zardsama.net/image/font/enter-pulip9.ewf);
}

body, table, tr, td, select, textarea, input, select, li, div, form, p {
	color: #000;
	font-size:12px;
	font-family: gulim, 굴림, tahoma;
	font-style: normal;
	line-height: 1.5;
	text-align: justify;
	letter-spacing: 0;
}

body {
	letter-spacing: -1px;
}

form, P, dl, dt, dd, ul {
	margin: 0;
	padding: 0;
}

br {
	letter-spacing: 0;
}

input {
	line-height: 100%;
	padding: 0;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}

h1 {
	background-color: #FFCC33;
	padding: 5px 10px;
	margin: 5px 0;
	font-size: 12px;
	font-family: "엔터-풀잎9";
	color: #fff;
	font-weight: normal;
	line-height: 120%;
}

h3 {
	font-family: "엔터-풀잎9";
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 3px 8px;
	margin: 0 0 5px 0;
	background: url("/image/pieces/h3_back.gif") repeat-x 0 bottom;
}

h4 {
	font-family: "엔터-풀잎9";
	font-size: 12px;
	padding: 5px 0;
	margin: 0 0 5px 0;
	background: url("/image/pieces/dot01.gif") repeat-x 0 bottom;
}

.float {
	float: left;
}

.clear {
	clear: both;
}

.absmiddle {
	vertical-align: middle;
}

.hidden {
	display: none;
}

.theme_color {
	background-color: #FF9933;
}

.theme_img {
	background-color: #FF9933;
	vertical-align: middle;
}

.theme_font {
	color: #FF9933;
}

.theme_button {
	border: 0;
	color: #fff;
	background-color: #FF9933;
	vertical-align: middle;
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

.tablefooter {
	clear: both;
	padding: 5px 0;
	text-align: right;
}

#hide {
	display: none;
}

.listbox {
	margin: 0 0 10px 0;
	padding: 5px;
	background: #f5f5f5;
	list-style-type: none;
}

.scrolltext {
	width: 100%;
	overflow: hidden;
	word-break: break-all;
}

.ic_new {
	vertical-align: middle;
	margin-left: 5px;
}

.smallfont {
	font-family: verdana;
	font-size: 8pt;
	letter-spacing: -1px;
}

#db_log {
	padding: 5px 0;
	background: #f2f2f2;
	text-align: center;
}

#db_log strong {
	color: red;
}

/*////////////////////////////////////////////////////////////////////////////////////
//
//	스크롤바
//
////////////////////////////////////////////////////////////////////////////////////*/
body {
	scrollbar-face-color: #DDDDDD;
	scrollbar-highlight-color: #BBBBBB;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-shadow-color: #BBBBBB;

	scrollbar-darkshadow-color: #F5F5F5;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Hyper Link
//
////////////////////////////////////////////////////////////////////////////////////*/
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #FF9933;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Inputbox
//
////////////////////////////////////////////////////////////////////////////////////*/
.inputbox_1 {
	border: solid 1px #ddd;
	vertical-align: middle;
	line-height: 100%;
}

.inputbox_2 {
	border:solid 1px #ddd;
	vertical-align: middle;
	width:100%
}

.inputbox_d {
	border: 0;
	border-bottom: dotted 1px #000;
	font-size: 11px;
}

.inputbox_3 {
	padding:3px;
	border:solid 1px #ddd;
	font-size:11px;
	line-height: 160%;
	width:100%
}

select {
	vertical-align: middle;;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	R2Na
//
////////////////////////////////////////////////////////////////////////////////////*/
.editorBody {
	border: solid 1px #000;
	margin-bottom: 5px;
}

.editorBody2 {
	border: solid 1px #ccc;
}

.R2BT {
	border: solid 1px #000;
	height: 18px;
}

.bt_slot {
	border: solid 1px #cdcdcd;
	margin: 3px 0 5px 0;
	padding: 5px 0;
	background: #fff;
}

.bt_slot * {
	vertical-align: middle;
}

.bt_slot_table {
	vertical-align: middle;
	margin: 5px 0 0 2px;
}

.R2Na_bt {
	margin : 0 2px;
	cursor : pointer;
}

.R2Na_select {
	display: inline;
	margin-left: 5px;
}

.R2Na_DOM {
	margin: 3px 0 5px 0;
	padding: 5px 2px;
	background: #f2f2f2;
	font-weight: bold;
}

#pallete {
	border-collapse: collapse;
	border: solid 1px #fff;
}

#pallete td {
	height: 15px;
	width: 15px;
	border: 0;
	padding: 0;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

#pallete a {
	display: block;
	height: 100%;
	width: 100%;
}

#R2table {
	background: #eee;
	font-size: 11px;
	padding: 10px;
}

#R2table dt {
	padding: 2px;
	background: #fff;
	font-weight: bold;
}

#R2table dd {
	margin: 0;
	padding: 4px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	color: #FF3300;
}

/*////////////////////////////////////////////////////////////////////////////////////
//
//	전체 레이아웃
//
////////////////////////////////////////////////////////////////////////////////////*/
#site_layout {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Top part
//
////////////////////////////////////////////////////////////////////////////////////*/
#topmenu {
	background: #FFCC33;
	height: 27px;
	text-align: right;
}

#menu {
	padding: 0;
	margin: 0 10px;
	font-size: 0;
	list-style-type: none;
}

#menu li {
	background: #FFCC33;
	float: left;
	width: 90px;
	color: #fff;
	font-size: 12px;
	font-family: "엔터-풀잎9";
	text-align: center;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
}

#menu a {
	color: #fff;
}

#menu a:hover {
	text-decoration: underline;
}


#toplogin {
	float: right;
	width: 461px;
	margin: 0;
	padding: 3px 10px 2px 10px !important;
	padding: 3px 10px;
	border-left: solid 1px #FFFDF4;
	background: #ff8400;
	color: #fff;
	text-align: right;
}

#toplogin a {
	color: #fff;
}

#userinfo {
	margin: 0 !important;
	margin: 4px 0 5px 0;
}

#mainimg {
	clear: both;
	float: left;
	width: 344px;
	height: 426px;
	background: url(/image/background/back_11.gif) no-repeat;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	상단 게시판 미리보기
//
////////////////////////////////////////////////////////////////////////////////////*/
#contentarea {
	float: left;
	width: 650px;
	margin-left: 4px;
	background: #fff;
}

#preview {

}

*html #mid_left {
	margin-right: -1px;
	padding: right: 0;
}

#mid_left {
	float: left;
	width: 320px;
	border-right: solid 1px #ddd;
	margin-right: 5px;
	padding-right: 4px;
}

#mid_left table {
	width: 100%;
	border-top: solid 5px #FFCC33;
}

#mid_left caption, #mid_right caption {
	padding-top: 5px;
}

#mid_left tr {
	background: #FFF9F4 url("/image/pieces/dot01.gif") repeat-x 0 bottom;
}

#mid_left th, #mid_right th {
	width: 68px;
	font-family: "엔터-풀잎9";
	font-size: 12px;
	text-align: left;
	padding: 3px 0;
}

#mid_left td, #mid_right td {
	letter-spacing: -1px;
}

#mid_left strong, #mid_right strong {
	padding-left: 6px;
	background: url("/image/icon/item_arrow.gif") no-repeat 0 50%;
}

#mid_left a, #mid_right a {
	font-size: 11px;
	font-family: "돋움";
	color: #777;
}

#mid_left a:hover, #mid_right a:hover {
	color: #FF9933;
}

#mid_right table {
	width: 320px;
	border-top: solid 5px #FFCC33;
}

#mid_right tr {
	background: #FFFDF4 url("/image/pieces/dot01.gif") repeat-x 0 bottom;
}

#mid_bottom {
	border-top: solid 5px #FFCC33;
}

#updown {
	margin: 1px 0 5px 0;
	text-align: center;
}

#updown img {
	margin: 0 auto;
	background: #ff8400;
	cursor: pointer;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Quick Link
//
////////////////////////////////////////////////////////////////////////////////////*/
#linkmenu {
	margin-top: 10px;
}

#linkmenu p {
	margin: 10px 0;
}

#linkmenu img {
	vertical-align: middle;
}

#linkmenu select {
	width: 250px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	갤러리 미리보기
//
////////////////////////////////////////////////////////////////////////////////////*/
#gallery_preview {
	clear: left;
	border-top: solid 1px #fff;
}

#gallery_images_h {
	margin: 0;
	padding: 0;
}

#gallery_images_h li {
	float: left;
	width: 193px;
	height: 259px;
	margin: 0 0 5px 5px;
	background-color: #FFFDF4;
	list-style-type: none;
	text-align: center;
}

#gallinfobox {
	position: absolute;
	width: 300px;
	border: solid 5px #ff8400;
	background: #fff;
	padding: 5px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Bottom part
//
////////////////////////////////////////////////////////////////////////////////////*/
#bottompart {
	clear: both;
	border-top: solid 1px #cacaca;
	margin: 5px 0 5px 0;
	padding: 10px 0 10px 20px;
}

#bottom_license {
	color: #6c6c6c;
	margin-left: 150px;
	padding-left: 20px;
	border-left: solid 1px #ccc;
}

#bottom_license p {
	font-family: "엔터-풀잎9";
	font-size: 12px;
	padding: 2px 0;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	common
//
////////////////////////////////////////////////////////////////////////////////////*/
.pageset {
	text-align: center;
	margin: 5px auto;
}

.pageset img {
	vertical-align: middle;
}

.searchset {
	text-align: right;
	margin-bottom: 5px;
}

.searchset select {
	position: relative;
	top: 1px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	BBS
//
////////////////////////////////////////////////////////////////////////////////////*/
#bbs_input_area {
	width: 542px;
	margin-right: 5px;
}

#bbs_input_area th {
	float: left;
	padding-left:8px;
	background: url("/image/icon/item_arrow.gif") no-repeat 0 50%;
	font-weight: bold;
}

#bbs_input_area textarea {
	height: 118px;
	font-size: 12px;
	word-break: break-all;
}

#bbs_icon_area {
	float: right;
	width: 100px;
}

#bbs_icon_area select {
	width: 100%;
}

#bbs_icon_area img {
	cursor: pointer;
	margin: 5px 0;
}

.bbsclear {
	border-style: dotted;
	color: #ff8400;
	height: 1px;
	margin: 3px 0;
}

.bbs_article {
	padding: 8px;
	margin-bottom: 10px;
	border: solid 1px #ddd;
}

.bbs_info1 {
	font-weight: normal;
	color: #8c8c8c;
}

.bbs_info2 img {
	float: right;
	margin-left: 3px;
	background: #FF9933;
}

.bbs_icon {
	float: left;
	width: 100px;
}

.bbsstrong {
	color: #FF9933;
}

.bbs_contents {
	min-height: 90px;
	height: auto !important;
	height: 100px;

	margin-left: 105px;
	padding: 3px;

	color: #4c4c4c;
	text-align: justify;
	letter-spacing: -1px;
	word-break: break-all;
	background: #f5f5f5;
}

#AenaiNagai {
	display: none;
	position: absolute;
	border:solid 1px #555;
	background: #fff;

	width: 660px;
	padding: 5px;
}

#ldelete {
	display: none;
	position: absolute;
	border:solid 1px #555;
	background: #fff;

	width: 225px;
	padding: 5px;
}

#ldelete div {
	margin-bottom: 5px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	공통 코멘트
//
////////////////////////////////////////////////////////////////////////////////////*/
.com_modarea {
	width: 480px;
	height: 100px;
	margin-right: 5px;
	vertical-align: top;
	display:inline;
	font-size: 12px;

	padding:3px;
	border:solid 1px #ddd;
	line-height: 160%;
}

.comment_write {
	clear: both;
	display: none;
	margin-top: 5px;
}

.bbs_comment_area {
	clear: both;
	padding-top: 5px;
}

.bbs_comment {
	background: url("/image/pieces/dot01.gif") repeat-x 0 top;
}

.bbs_comment dt {
	padding: 8px 0;
	color: #8c8c8c;
}

.bbs_comment dt strong {
	color: #000;
	font-family: "엔터-풀잎9", "굴림";
}

.bbs_comment dt strong img {
	background: #FF9933;
	vertical-align: middle;
}

.bbs_comment dd {
	overflow: hidden;
	margin: 0;
	padding: 5px;
	background: #f6f6f6;

	text-align: justify;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 180%;
	letter-spacing: -1px;
	word-break: break-all;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	공통 쓰기폼
//
////////////////////////////////////////////////////////////////////////////////////*/
.formtbl img {
	vertical-align: middle;
}

.formtbl th {
	padding: 3px 1px;
	border-right: solid 1px #fff;
	background-color: #FF9933;
	text-align: right;
	color:#fff;
}

.formtbl td {
	color: #555;
	padding: 4px 1px;
	text-align: left;
}

.formtbl thead th {
	text-align: center;
}

.formtbl tbody th {
	padding-right: 5px;
	border-bottom: solid 1px #fff;
}

.formtbl tbody td {
	border-bottom: solid 1px #eee;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	갤러리
//
////////////////////////////////////////////////////////////////////////////////////*/
#gallerytop {
	background-color: #f2f2f2;
	color: #5c5c5c;
	padding: 5px;
	margin-bottom: 5px;
	text-align: right;
}


#gallery_thumb {
	width: 100%;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: solid 1px #ddd;
	border-right: 0;
	background-image: url(/image/pieces/gback.gif);
}

#gallery_thumb li {
	float: left;
	width: 129px;
	height: 104px;
	max-height: 98px;
	overflow: hidden;
	text-align: center;
	padding: 1px 0;
	background: #FFF9F4;
	border-bottom: solid 5px #FF9933;
	cursor: pointer;
}

.thumb_mono {
	filter: progid:DXImageTransform.Microsoft.BasicImage( Grayscale=1);
}


.thumb_mono img {
	border: solid 1px #fff;
}

.thumb_color img {
	border: solid 1px #777;
}

#gallery_contents {
	text-align: center;
	overflow: hidden;
	width: 100%;
	border: solid 1px #eee;
}

#gall_comment {
	padding: 5px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}

#contentField {
	text-align: left;
	margin-top: 8px;
}

#contentField dt {
	float: left;
	margin-right: 5px;
	border: solid 1px #ddd;
	background: #fafafa;
	width: 116px;
	text-align: center;
	margin: 0 auto;
}

#contentField dd {
	margin-top: 5px;
	color: #666;
	margin: 0;
	padding-left: 125px;
	letter-spacing: -1px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	블로그
//
////////////////////////////////////////////////////////////////////////////////////*/
#blog_category {
	float: right;
	width: 100%;
	list-style-type: none;
	padding: 5px 0 10px 0;
	margin: 0 0 10px 0;
	border: solid 1px #ddd;
	border-bottom: 0;
	background: url(/image/pieces/ushadow.jpg) no-repeat bottom;
	font-size: 12px;
}

#blog_category li {
	float: left;
	width: 200px;
	padding: 3px;
}

.blog_title {
	font-family:"굴림", "verdana";
	font-family: dotum;
	font-size: 13pt;
	font-weight: bold;
}

.blog_content {
	width: 100%;
	font-family: "굴림", "verdana";
	letter-spacing: -1px;
	overflow: hidden;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Imagebox
//
////////////////////////////////////////////////////////////////////////////////////*/
#imagebox_preview {
	float: left;
	width:128px;
	height:96px;
	margin-right: 5px;
	border: solid 1px #ddd;
}

#imagebox_select, #imagebox_select select {
	width: 100%;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	trackback
//
////////////////////////////////////////////////////////////////////////////////////*/
.trackback {
	width: 100%;
}

.trackback a {
	display: inline;
	font-size: 12px;
	font-family: "엔터-풀잎9";
	font-weight: bold;
	color: #FF9933;
}

.trackback dt  {
	padding: 3px 0;
}

.tb_content {
	background: #f6f6f6;
	padding: 5px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	recentcomment
//
////////////////////////////////////////////////////////////////////////////////////*/
#recentcomment {
	display: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: solid 3px #ccc;
	border-bottom: solid 3px #ccc;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	margin-bottom: 5px;
	height: 196px;
	overflow: scroll !important;
	overflow: inherit;
	overflow-y: scroll;
}

#recentcomment li {
	letter-spacing: -1px;
	padding: 3px 5px;
	border-bottom: solid 1px #eee;
}

#recentcomment strong {
	color: #3399FF;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	블로그 셋업
//
////////////////////////////////////////////////////////////////////////////////////*/
#blog_setup_c {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: solid 1px #ccc;
}

#blog_setup_c li {
	color: #3c3c3c;
	font-weight: bold;
	font-family: "엔터-풀잎9";
	font-size: 12px;
	padding: 5px 0;
	background: url(/image/pieces/dot01.gif) repeat-x bottom;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	zardsama Menu
//
////////////////////////////////////////////////////////////////////////////////////*/
#zardsama {
	border: solid 1px #ddd;
	padding: 10px;
	margin-top: 10px;
}

.history {
	clear: left;
	width: 100%;
	letter-spacing: -1px;
}

.attachimg {
	float: left;
	margin-right: 5px;
	border: solid 1px #ccc;
}

.ulist {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: justify;
}

.ulist li {
	color: #3c3c3c;
	margin-bottom: 15px;
}

.ulist strong {
	color: #FF9933;
}

.udata dt {
	float: left;
	font-weight: bold;
}

.udata dd {
	margin-bottom:5px;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	공지사항
//
////////////////////////////////////////////////////////////////////////////////////*/
#noticetbl dt {
	padding: 3px;
	border-bottom: solid 1px #ddd;
}

#noticetbl b {
	padding-right: 10px;
	margin-right: 10px;
	color: #6c6c6c;
	border-right: solid 2px #FF9933;
}

#noticetbl dd {
	padding: 5px;
	background: #f5f5f5;
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	Setup
//
////////////////////////////////////////////////////////////////////////////////////*/
.graph {
	margin: 0;
	padding: 0;
}

.graph dt {
	clear: left;
	float: left;
	height: 20px;
	width: 130px;
	padding: 5px 0;
	border-bottom: solid 1px #ddd;
}

.graph dd {
	height: 20px;
	padding: 5px 0;
	margin: 0 0 0 130px;
	border-bottom: solid 1px #ddd;
}

.graph dd img {
	vertical-align: middle;
}

#iconlist {
	padding: 0;
	margin: 0;
}

#iconlist li {
	float: left;
	list-style-type: none;
	width: 108px;
	height: 108px;
}

#iconlist img {
	opacity: .7;
	filter: alpha(opacity=70);
}


/*////////////////////////////////////////////////////////////////////////////////////
//
//	이미지 뷰어
//
////////////////////////////////////////////////////////////////////////////////////*/
#photoBack {
	position: absolute;
	z-Index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30);
}

#photoField {
	position: absolute;
	z-Index: 101;
	top: 50%;
	left: 50%;
	border: solid 1px #000;
	overflow: auto;
}