#j-BBS {margin:0 auto 0; line-height:normal;font-size:11pt;}
#j-BBS label {font-size:1em;}
#j-BBS .borderBottom1 {border-bottom:1px solid #ccc;}
#j-BBS a:hover {text-decoration:none;}
#j-BBS .bbsTitle {text-align:left;font-size:1.2em; color:#111; padding:10px 0; border-bottom:0px solid #eee;}
.j-Page {height:25px; line-height:25px; text-align:center;}
#j-BBS .autoJoinImg {vertical-align:middle; margin-right:2px;}
#j-BBS .boxLink {display:block; padding:6px 10px;}
#j-BBS .noP_M {padding:0; margin:0;}
.j-icon {vertical-align:middle;}
#j-BBS .setButton {padding:3px 0;text-align:right;}
#j-BBS .setButton a {margin-right:2px;}
#j-BBS .setButton a:first-child {float:left;margin-right:2px;}
#j-BBS .add-file {padding:20px 0;}
#j-BBS #search { width:150px !important;}

/* 글목록 테이블 */
table.j-List {width:100%; margin:0 auto; padding:5px; border-spacing:0; border:0; border-collapse:collapse; background:#fff;}
table.j-List td,
table.j-List th {color:#111; padding:5px 3px; border:1px solid #c9d6de;}
table.j-List th {text-align:center; vertical-align:middle;}
table.j-List td {text-align:left; vertical-align:middle;}
table.j-List td a {display:block; }
table.j-List td a img {vertical-align:middle;}
table.j-List th {background-color:#f0f5f9; }
table.j-List tr:nth-child(n) {background-color:#fff;}
table.j-List .tbl-no-data {text-align:center;}
#ej-bbs-contents {word-break:break-all; word-wrap:break-word;}





/*list
#j-List {width:100%; margin:auto;}
#j-List th {color:#333; font-size:11px; height:35px; line-height:35px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#j-List td {padding:3px; font-size:13px; border-bottom:1px solid #ccc;}
#j-List th.td1 {width:40px; text-align:center;}
#j-List th.td2 { font-size:13px;text-align:center;}
#j-List th.td3 {width:80px; text-align:center;}
#j-List th.td4 {width:80px; text-align:center;}
#j-List th.td5 {width:40px; text-align:center;}

#j-List td.td1 {width:40px; font-weight:bold; text-align:center; color:#777;}
#j-List td.td2 {text-align:left; font-size:13px; color:#333;}
#j-List td.td3 {width:80px; font-size:1em; text-align:center;}
#j-List td.td4 {width:80px; color:#ff6418; text-align:center;}
#j-List td.td5 {width:40px; text-align:center;}
*/
/*write*/
#j-Write li {padding:2px 0; background:url(./images/dddddd.gif) repeat-x left bottom;}
#j-Write li .xqEdit {padding:0; background:none;}
#j-Write label {display:inline-block; width:100px;}
#j-Write label.exceptLabel {display:inline; width:none;}

/*view*/
#delete_point {position:absolute; left:0; top:0; z-index:5;}
#j-BBS .viewTitle { font-size:1.2em; padding:5px; color:#222; border-bottom:1px solid #ccc; background-color:#FFF;}
#j-BBS .viewList {margin:10px 0; padding:0.4em 0; border-bottom:1px solid #ccc;}
#j-BBS .viewList li {display:inline; margin:0.5em 0;}
#j-BBS .viewList dt {display:inline; padding:0px 5px; }
#j-BBS .viewList dd {display:inline; padding:0px 5px; color:#06f;}
#j-BBS .viewList .email {margin:0 4px; vertical-align:middle;}
#j-BBS .viewList .homepage {margin:0 4px; vertical-align:middle;}
#j-BBS .content {clear:both; padding:5px;}
#j-BBS .pre_next {margin-top:10px; border-top:1px solid #eee;}
#j-BBS .pre_next div {height:25px; border-bottom:1px solid #eee;font-size:0.875em;}
#j-BBS .pre_next div a {padding-left:20px; display:block;}
#j-BBS .pre_next div a.pre {background:url(/BBS/images/pre.gif) no-repeat 5px center;}
#j-BBS .pre_next div a.next {background:url(/BBS/images/next.gif) no-repeat 5px center;}

#j-secretForm {text-align:center;}
#j-secretForm ul{display:inline-block;border:1px solid #ddd; padding:30px; margin:30px auto 30px;}

/*comment*/
#j-comment {clear:both; margin:5px 0;}
#j-comment p.commentTitle {padding-left:25px; height:25px; line-height:25px; font-size:13px; border-bottom:2px solid #eee; background:url(/BBS/images/comment.gif) no-repeat 5px center; margin-bottom:5px;}

#j-commentAdd {clear:both; height:85px; padding:0 0 5px 0;}
#j-commentAdd label {display:block; width:60px; float:left; text-align:center;}
#j-commentAdd .commentMemo {width:85%; height:60px; border:1px solid #ddd; float:left;}
#j-commentAdd .commentBt {width:14%; height:60px; background-color:#eee; float:right;}
#j-commentAdd p {clear:both; padding:3px 0;}

#j-commentUpdate {background-color:#eee;}
#j-commentUpdate p {padding:3px 0;}
#j-commentUpdate p.endp {clear:both; padding:0 0 3px 0;}
#j-commentUpdate label {display:block; width:60px; float:left; height:22px; line-height:22px; text-align:center;}
#j-commentUpdate label.skip {position:absolute; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
#j-commentUpdate .commentMemo {width:85%; height:60px; border:1px solid #ddd; float:left;}
#j-commentUpdate .commentBt {width:8%; height:60px; margin-left:1%;}

#j-commentDel {height:85px;}
#j-commentDel p {padding:3px 0;}


@media screen and (max-width:980px) {
	/* 목록 */
	table.j-List tr,
	table.j-List td {display:block; border:none;}
	table.j-List td {text-align:left !important;}
	table.j-List .h5-center {text-align:left;}
	table.j-List td:first-child {position:absolute; top:5px; right:5px; z-index:5;}
	table.j-List tr:not(:last-child) {border:1px dotted #ccc;}
	table.j-List tr {margin:0 0 -1px;}
	table.j-List tr:last-child {border:1px dotted #ccc; margin:0;}
	table.j-List td:not(:first-child) {clear:both; margin:0 10px; padding:4px 30px 4px 60px; position:relative; text-align:left; word-break:break-all; word-wrap:break-word;}
	table.j-List td:not(:first-child):before {color:#999; content:''; display:block; position:absolute; left:0; font-weight:normal;}
	table.j-List td:not(:first-child):before {content:attr(data-cell-header);}
	table.j-List tr {position:relative; padding:0;}
	table.j-List thead {display:none;}
	table.j-List .tbl-no-data {display:block !important; position:static !important; border-top:1px dotted #ccc !important; padding:0 !important;}
}