/*///////////////////////////////////////////////////////////////////////////////////
//
//	tr bg
//
///////////////////////////////////////////////////////////////////////////////////*/
.now_row {background-color:#efefef}
.normal_row {background-color:#fff}
.normal_row2 {background-color:#fff}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	Ä«Å×°í¸® ¸®½ºÆ®
//
///////////////////////////////////////////////////////////////////////////////////*/

.cateList {width:100%; padding:40px 0 0 0; text-align:center;}
.cateList ul {font-size:0; }
.cateList ul li {display:inline-block; width:20%; cursor:pointer; }
.cateList ul li a {display:inline-block; width:100%; padding:10px 0; font-size:16px; font-weight:bold; border:1px solid #7a8592; border-left:none; text-align:center; }
.cateList ul li:first-child a {border-left:1px solid #7a8592;}
.cateList ul li:hover a {background:#2a7de2; color:#fff;}
.cateList ul li.active a {background:#2a7de2; color:#fff;}
/*///////////////////////////////////////////////////////////////////////////////////
//
//	¸®½ºÆ®
//
///////////////////////////////////////////////////////////////////////////////////*/

#board_list {clear:both; width:100%;}
#board_list .gallery_box {margin:0 auto;text-align:center;}
#board_list .gallery_box:after {content: ''; display:block; clear: both;}
#board_list .gallery_box .item {float:left; padding:4px; cursor:pointer;}
#board_list .gallery_box .item .item_box {position:relative;}
#board_list .gallery_box .item .item_box .img {overflow:hidden; font-size:0;}
#board_list .gallery_box .item .item_box .img img {width:143px; border:1px solid #b9b9b9; }
#board_list .gallery_box .item .item_box .tit {width:125px; padding:10px 0 10px 18px; font-size:16px; text-align:left; background:url('/image/icon/icon_board0.gif') no-repeat 2px 15px;}
/*#board_list .gallery_box .item .item_box:hover img {transform: scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);o-transform:scale(1.2, 1.2);}*/
#board_list .gallery_box .item .item_box .content_box {display:none; position:absolute; top:0; left:0;}
#board_list .btn {padding-bottom:30px; text-align:center;}
.boardno0{padding: 100px 0;text-align: center;}
/*///////////////////////////////////////////////////////////////////////////////////
//
//	±Û¾²±â
//
///////////////////////////////////////////////////////////////////////////////////*/
#board_write {width:100%;}
#board_write table {width:100%; margin:30px auto 0 auto; border-top:1px solid #d1d1d1;}
#board_write table caption {display:none;}
#board_write table th {padding:10px 0; border-bottom:1px solid #d1d1d1; color:#121212; font-size:16px; text-align:center; background:#f6f7f9;}
#board_write table td {padding:7px 10px; border-bottom:1px solid #d1d1d1; color:#121212; font-size:16px; text-align:left;}
#board_write table td input {vertical-align:middle; height:20px;}
#board_write .filebox .file #upfile_list {width:100%;}
#board_write .filebox .btn_file {padding:10px; text-align:right; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#board_write .filebox .btn_file li {display:inline;}
#board_write .filebox .btn_file li .abtn0,#board_write .filebox .btn_file li .abtn1  {padding-top:10px;}
#board_write .btn {padding-top:20px; text-align:center;}


/*///////////////////////////////////////////////////////////////////////////////////
//
//	¿­¶÷
//
///////////////////////////////////////////////////////////////////////////////////*/
#board_view {width:100%;}
#board_view .blogview_box {width:1200px; margin:0 auto; padding:92px 0 0 0;}
#board_view .blogview_box h2 {padding:0 0 33px 0; font-size:3.125em; text-align:center;}
#board_view .blogview_box .line {width:45px; height:1px; margin:0 auto; background:#000;}
#board_view .blogview_box .date {padding:15px 0 60px 0; text-align:center; font-size:0.875em; color:#bebebe; font-weight:bold;}
#board_view .blogview_box .view_img {position:relative;}
#board_view .blogview_box .view_img .bx-controls {}
#board_view .blogview_box .view_img .bx-controls .bx-prev {position:absolute; top:50%; left:0; margin-top:-30px; width:60px; height:60px; font-size:0; background:#fff url('/image/icon/icon_prev.png') no-repeat 25px center;}
#board_view .blogview_box .view_img .bx-controls .bx-prev:hover {background:#ccc url('/image/icon/icon_prev.png') no-repeat 25px center;}
#board_view .blogview_box .view_img .bx-controls .bx-next {position:absolute; top:50%; right:0; margin-top:-30px; width:60px; height:60px; font-size:0; background:#fff url('/image/icon/icon_next.png') no-repeat 25px center;}
#board_view .blogview_box .view_img .bx-controls .bx-next:hover {background:#ccc url('/image/icon/icon_next.png') no-repeat 25px center;}
#board_view .blogview_box .content {padding:20px 0; font-size:1.125em; line-height:2em;}
#board_view .btn {padding:10px 0; text-align:center;}



/*///////////////////////////////////////////////////////////////////////////////////
//
//	´ä±Û¸®½ºÆ®
//
///////////////////////////////////////////////////////////////////////////////////*/
#cmt_list {width:100%;}
#cmt_list table {width:100%; margin-bottom:10px; border-top:1px dotted #b6b6b6;}
#cmt_list table td {padding:10px 0; color:#666; border-bottom:1px dotted #b6b6b6; text-align:left;}
#cmt_list table td.cmt_content {padding-left:10px; text-align:left;}
#cmt_list table td.cmt_content .date {padding-top:5px; color:#999; font-size:11px;}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	´ä±Û¾²±â
//
///////////////////////////////////////////////////////////////////////////////////*/
#cmt_write {width:100%; margin-bottom:20px; background:#fafafa; }
#cmt_write .box {padding:15px 20px; border:1px solid #ddd;}
#cmt_write .name {overflow:auto; padding-bottom:10px; text-align:left;}
#cmt_write .name span {float:left; margin:0 10px; color:#4a4a4a; font-size:11px; font-weight:bold; vertical-align:baseline;}
#cmt_write .name span.fld {margin:5px 10px 0 0;}
#cmt_write .cmt_content {margin:0; padding:0;}
#cmt_write .cmt_content textarea {float:left; width:98%; height:65px; text-align:left;}
#cmt_write .cmt_content .btn {float:right;}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	ºñȸ¿ø ±Û ¼öÁ¤, ±Û »èÁ¦, ºñ¹Ð±Û ¿­¶÷
//
///////////////////////////////////////////////////////////////////////////////////*/
#editdel_box {width:300px; padding:20px; margin:0 auto; background:#f6f6f6;}
#editdel_box p,
#editdel_box div {padding:5px 0;}

/*///////////////////////////////////////////////////////////////////////////////////
//
//	ÆÄÀÏ ¾÷·Îµå °ü·Ã 
//
///////////////////////////////////////////////////////////////////////////////////*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/* ÅÂºí¸´ */
@media screen and (max-width:1024px){ 
	#board_list .gallery_box {max-width:670px; margin:0 auto;}
	#board_list .gallery_box .item {float:none; display:inline-block; max-width:160px; padding:2px; cursor:pointer;}
	#board_list .gallery_box .item .item_box .img img {width:100%; max-width:158px; border:1px solid #b9b9b9;}
	#board_list .gallery_box .item .item_box .tit {width:100%; max-width:142px; padding:10px 0 30px 18px;}
}
/* ¸ð¹ÙÀÏ */
@media screen and (max-width:735px){
	#board_list .gallery_box {width:100%; margin:0 auto; padding:10px 0;}
	#board_list .gallery_box .item {float:none; display:inline-block; width:100%; padding:0 10px; cursor:pointer; text-align:center;}
	#board_list .gallery_box .item .item_box .img img {width:100%; max-width:158px; border:1px solid #b9b9b9;}
	#board_list .gallery_box .item .item_box .tit {width:100%;  max-width:142px; padding:10px 0 50px 18px;}

}