#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.5em; font-weight:700; 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-gallery-wrap {clear:both; margin:0; padding:0; overflow:hidden;}
#j-gallery-wrap .j-glist {float:left; width:17%; height:250px; margin:10px 1.5%; padding:0; border:1px solid #ddd; background:#fff; border-radius:5px; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.1);}
#j-gallery-wrap .j-glist:after {content:""; display:block; clear:both;}
#j-gallery-wrap .j-glt {clear:both; margin:0; padding:0; overflow:hidden;}
#j-gallery-wrap .j-glt a {display:block; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
#j-gallery-wrap .j-glt a span {display:block; width:100%; height:140px; margin:0 0 3px; padding:0; border-bottom:1px solid #ddd; border-radius:3px; background-size:cover !important;}
#j-gallery-wrap .j-glt a strong {display:block; font-size:0.875em; height:40px; padding:0 5px; overflow:hidden; font-weight:bold; word-break:break-all; word-wrap:break-word;}
#j-gallery-wrap .j-glt a img {display:none;}
#j-gallery-wrap dl.j-gl-item {clear:both; margin:2px 0 0; padding:0; overflow:hidden;}
#j-gallery-wrap dl.j-gl-item dt,
#j-gallery-wrap dl.j-gl-item dd {margin:0; padding:0; font-size:0.75em;}
#j-gallery-wrap dl.j-gl-item dt {position:absolute; text-indent:-999em;}
#j-gallery-wrap dl.j-gl-item dd {display:block; padding:5px 5px 0; word-break:break-all; word-wrap:break-word;}
#j-gallery-wrap dl.j-gl-item dd .ej-all-chk {position:relative; display:block; float:left; margin:0; padding:0; z-index:1;}
#j-gallery-wrap dl.j-gl-item dd label {display:block; float:left; margin:1px 0 0 3px; padding:0;}
#j-gallery-wrap .j-gall-line {clear:both !important; float:none !important; width:100%; height:15px; margin:0; padding:0; overflow:hidden !important; background:url('/_skin/board/default/images/bg_1px_line.gif') repeat-x 0 50%;}
#j-gallery-wrap .jgl-last {height:8px !important; background-position:0 7px;}
#j-gallery-wrap .jgl-first {height:10px !important; background-position:0 1px;}
#j-gallery-wrap .tbl-no-data {clear:both !important; float:none !important; width:100%; height:100px; line-height:100px; text-align:center; margin:0; padding:0; overflow:hidden !important; background:url('/_skin/board/default/images/bg_1px_line.gif') repeat-x 0 100%;}
#ej-bbs-contents {word-break:break-all; word-wrap:break-word;}

/*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:2em; border-bottom:1px solid #eee;}
#j-BBS .pre_next div a {padding-left:20px; display:block;line-height:2em;}
#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:1260px) {
	#j-gallery-wrap {clear:both; margin:0 auto !important; padding:0; overflow:hidden;/* display:flex; flex-flow: row wrap; justify-content:center;*/}
	#j-gallery-wrap .j-glist {float:left; width:23.99999%; height:250px; margin:8px 0.5%; padding:0;}
	#j-gallery-wrap .j-glt a span {width:100%;}
	.jgl-first {display:block !important;}
	#j-gallery-wrap .j-gall-line:not(:last-child) {display:none;}
}

@media screen and (max-width:1050px) {
	#j-gallery-wrap .j-glist {float:left; width:32.33333%; height:250px; margin:8px 0.5%; padding:0;}
}

@media screen and (max-width:790px) {
	#j-gallery-wrap .j-glist {float:left; width:48.99999%; height:250px; margin:8px 0.5%; padding:0;}
}