@charset "utf-8";
/* CSS Document */


/*************** 공통영역 ***************/

/* 게시판 전체 div */
.boardBody * {line-height:2;}
.boardBody {width:100%; min-height:350px; margin-bottom:100px;}
.boardBody input, .boardBody select, .boardBody textarea {font-size:14px;}
.boardBody input:focus, .boardBody textarea:focus {border:1px solid #888;}

/* List Tag */
hr {display:none;}

/* 게시판 색상 */
.boardWriteForm table {border-top:3px solid #999;} /* 글쓰기 */
.boardViewHeader .jn_title {border-bottom:2px solid #000;} /* 뷰 */
.boardListForm .jn_title img.new {vertical-align:middle;}
.prev-next {border-top:2px solid #000;} /* 이전글-다음글 */
.secretWrite fieldset, .pwdConfirm fieldset, .delConfirm fieldset {border:3px solid #999;} /* 비밀글, 비밀번호, 삭제하기 */


/*************** 검색영역 ***************/

/* 게시판 검색 공통 */
#searchField {overflow:hidden; position:relative; top:0px; z-index:10; padding:10px; border:1px solid #ddd; background-color:#f9f9f9;}
/* label 이 인라인요소라 width값 적용시 적용이되지 않아 블럭으로 처리, block인 경우에는 자동개행이 되므로 인라인요소이면서 블럭의 속성이 적용되도록 inline-block을 적용 */
#searchField legend, #searchFiled label{overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
#searchFiled label {display:inline-block;}
#searchField fieldset {padding:0; border:0;}
.boardCategory select, .boardSearch select {height:30px; padding:0 10px;}

/* 카테고리 검색 */
.boardCategory label {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}

/* 게시판 검색 */
.boardSearch {float:right;}
.boardSearch ul {overflow:hidden; margin:0; padding:0;}
.boardSearch li {float:left;}
.boardSearch li .btn_white {display:inline-block;height:28px;padding:0 10px;border:1px solid #ccc;line-height:28px;background-color:#fff;vertical-align:middle;cursor:pointer;}
.boardSearch input {width:200px; height:28px; border:1px solid #CCC;}
.boardSearch select, .boardSearch input {margin-right:2px;}
.boardSearch label {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}


/*************** 리스트 ***************/

/* 게시판 리스트 */
.boardListForm {position:relative; float:none; padding:10px 0; border:0; font-weight:400; clear:both;}
.boardListForm legend, .boardListForm caption {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.boardListForm table {float:none; width:100%; clear:both;}
.boardListForm table th {padding:15px 5px; font-weight:400; font-size:14px; border-top:2px solid #000; border-bottom:1px solid #555; background-color:#fff; color:#3D3D3D; text-align:center;}
.boardListForm th.first-child {width:20px;}
.boardListForm td {height:45px; border-bottom:1px solid #eee;}
.boardListForm p.delBtnAdmin {margin-top:10px;}
.boardListForm strong {font-weight:normal;}

/* 게시판 정렬 */
.boardListForm .jn_delCheck {text-align:center;}
.boardListForm label {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.boardListForm .jn_num {width:50px; font-size:13px; text-align:center;}
.boardListForm .jn_title {text-align:left;}
.boardListForm .jn_author {width:100px; font-size:14px; text-align:center;}
.boardListForm .jn_ad {width:40px; text-align:center;}
.boardListForm .jn_date {width:115px; font-size:13px; text-align:center;}
.boardListForm .jn_vCount {width:60px; font-size:13px; text-align:center;}
.boardListForm td a:hover {color:#00693f; text-decoration:underline;}
.boardListForm tr:hover td {background-color: #f9f9f9;}


/*************** 상세보기 (게시판 뷰) ***************/

/* 게시판 뷰 */
.boardView {padding:0;}
.boardViewHeader .jn_title {padding:0 0 8px 0; font-weight:400; font-size:18px; background-image:none; word-break:break-all;}
.boardViewHeader .boardInfo {overflow:hidden; width:100%; border-bottom:1px solid #555; font-weight:400; background:#fff;}
.boardViewHeader .boardInfo dt {float:left; padding-right:10px; font-weight:500; color:#303030;}
.boardViewHeader .boardInfo dd {float:left; width:100px; padding-left:10px;}
.boardViewHeader .boardInfo dt, .boardViewHeader .boardInfo dd {padding:0 0 15px 5px;}
.boardViewHeader .attach {float:none; background:#f9f9f9; clear:both;}
.boardViewHeader .attach p, .boardViewHeader .attach ul li {padding:15px 5px; border-bottom:1px solid #eee; margin-top: 0;}
.boardViewHeader .attach strong {font-weight:500; color:#303030;}
.boardCon img {width:100%; margin:5px 0;}

.boardCon {margin:30px 0; padding:5px; word-break:break-all;}

/* 이전글, 다음글 */
.prev-next {border-bottom:1px solid #555; font-weight:400;}
.prev-next dt {float:left; font-weight:600; width:50px; color:#303030; clear:both;}
.prev-next dt.prev {padding:15px 5px;}
.prev-next dd.prev {padding:15px 5px; border-bottom:1px dotted #ddd;}
.prev-next dt.next {padding:15px 5px;}
.prev-next dd.next {padding:15px 5px;}

.boradHelper a {margin:10px 10px; color:#F00; text-decoration:underline;}


/*************** 글쓰기 ***************/

/* 글쓰기 */
.boardWriteForm caption {position:absolute; width:0; height:0; overflow:hidden; font-size:0; visibility:hidden;}
.boardWriteForm table {clear:both; float:none; width:100%;}
.boardWriteForm table th {background:#f9f9f9; border-bottom:1px solid #ccc; border-right:1px solid #ccc;width:100px; color:#3D3D3D; padding:10px 5px 8px; font-size:13px; font-weight:normal; text-align:center; line-height:28px;}
.boardWriteForm table td {padding:5px 10px; border-bottom:1px solid #ccc; line-height:28px;}
.boardWriteForm input {padding-top:3px; padding-bottom:3px; height:20px; border:1px solid #ccc;}
.boardWriteForm textarea {padding-top:3px; padding-bottom:3px; width:95%; border:1px solid #CCC;}
.boardWriteForm select {height:30px; border:1px solid #ccc;}
.boardWriteForm input.writeName {width:200px;}
.boardWriteForm input.writeEmail {width:200px;}
.boardWriteForm input.writePass {width:200px;}
.boardWriteForm input.homepage {width:200px;}
.boardWriteForm input.writeTitle {width:95%;}
.boardWriteForm input.addfile {
    width: 95%;
    padding: 0px;
    height: 22px;
    border: 0px;
}
.boardWriteForm input.writeSpamCode  {width:60px;}
.boardWriteForm label {display:none;}
.boardWriteStyle li {float:left; margin-right:15px;}
.boardWriteStyle input.noneBorder {border:none; vertical-align:middle}

/* 댓글 쓰기 */
.replyWrite {margin:10px; padding:10px; border:0; border-top:2px solid #eee; background:#F9F9F9;}
.replyWrite legend, .replyWriteForm caption, .replyWriteForm label {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.replyWriteForm {overflow:hidden;}
.replyWriteForm dt, .replyWriteForm dd {float:left; margin-right:10px;}
.replyWriteForm input {height:20px; border:1px solid #ccc;}
.replyWriteComment {float:none; padding:10px 0; clear:both;}
.replyWriteComment textarea {width:100%; border:1px solid #ccc;}
.replyButton li {display:inline}
.replyButton strong {color:#F00;}

/* 댓글 보기 */
.replyView fieldset {margin:10px; border:0;}
.replyView legend {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.replyView dl {}
.replyView dt {float:left; width:120px; padding:5px 10px 5px 0; clear:both;}
.replyView dd {padding:5px 5px 5px 130px; border-bottom:1px dotted #CCC; word-break:break-all;}

/* 비밀번호 확인 */
.pwdConfirm {width:100%; text-align:center;}
.pwdConfirm fieldset {width:500px; margin:auto;}
.pwdConfirm lebel {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.pwdConfirm legend {width:auto; margin-left:95px; padding:5px 15px; font-weight:bold; color:#FFF;}
.pwdConfirmForm input {height:21px; padding:0 2px; border:1px solid #CCC; line-height:21px;}
.pwdConfirmForm li {float:left; padding:0 1px;}
.pwdConfirmForm {overflow:hidden; margin:20px 0; padding-left:80px;}

/* 비밀글 */
.secretWrite {width:100%; text-align:center;}
.secretWrite fieldset {width:500px; margin:auto;}
.secretWrite lebel {overflow:hidden; position:absolute; width:0; height:0; font:0/0 san-serif; visibility:hidden;}
.secretWrite legend {width:auto; margin-left:160px; padding:5px 15px; font-weight:bold; color:#FFF;}
.secretWriteForm input {height:21px; padding:0 2px; border:1px solid #CCC; line-height:21px;}
.secretWriteForm li {float:left; padding:0 1px;}
.secretWriteForm {overflow:hidden; margin:20px 0; padding-left:80px;}


/*************** 기타 ***************/

/* 페이징 */
.boardPagination {display:inline-block; width:100%; margin:40px 0 0 0;font-size:13px; text-align:center; clear:both; font-weight:400;}
.boardPagination img {padding-bottom:3px; vertical-align:top;}
.boardPagination strong {display: inline-block; width: 28px; height: 28px; border: 1px solid #03653b; background: #00854b; font-weight: 600; color: #FFFFFF; line-height: 28px; text-align: center; vertical-align: middle;}
.boardPagination a.paging_num {display: inline-block; width: 28px; height: 28px; border: 1px solid #CDCDCD; background: #fff; line-height: 28px; color: #585858; text-decoration: none; text-align: center; vertical-align: middle;}
.boardPagination .prev {padding: 0 7px 0 2px;}
.boardPagination .next {padding: 0 2px 0 5px;}
.boardPagination  .paging_btn {display:inline-block; padding:0 10px; border:1px solid #ccc; line-height: 28px; vertical-align:middle;}

/* 버튼 */
.boardBtn {float:right;}
.boardBtn ul li{float:left;padding:3px;}
.viewBtn {overflow:hidden; margin:20px 10px;}
.btnLeft {float:left; text-align:left;}
.btnLeft li {float:left; margin-right:5px;}
.btnRight {float:right; text-align:right;}
.boardWriteForm div.boardWriteBtn {overflow:auto; width:100%; margin:10px 0; text-align:center;}
.boardWriteForm div.boardWriteBtn li {display:inline; padding:1px}
.boardWriteBtn input {width:51px; height:28px; border:0;}
.pwdConfirmForm .okbtn {width:55px; height:23px; border:0;}
.secretWriteForm .okbtn {width:55px; height:23px; border:0;}

/* 버튼 */
.boardBtn {float:right;}
.boardBtn ul li{float:left;padding:3px;}
.viewBtn {overflow:hidden; margin:20px 10px;}
.btnLeft {float:left; text-align:left;}
.btnLeft li {float:left; margin-right:5px;}
.btnRight {float:right; text-align:right;}
.boardWriteForm div.boardWriteBtn {overflow:auto; width:100%; margin:10px 0; text-align:center;}
.boardWriteForm div.boardWriteBtn li {display:inline; padding:1px}
.boardWriteForm div.boardWriteBtn li img {vertical-align:middle;}
.boardWriteForm div.boardWriteBtn img {vertical-align:middle;}
.boardWriteForm div.boardWriteBtn input {padding:0;}
.boardWriteBtn input {width:51px; height:28px; border:0;}
.pwdConfirmForm .okbtn {width:55px; height:23px; border:0;}
.secretWriteForm .okbtn {width:55px; height:23px; border:0;}

.write_button {background:#00a25b; color:#fff; text-align:center; padding:6px 20px; font-size:14px;  font-weight:400; border:1px solid #00854b; cursor:pointer;}


/* 게시글 삭제 */
#delConfirm {padding-top:30px; text-align:center;}
#delConfirm fieldset {width:600px; margin:auto; border:2px solid #eee;}
#delConfirm legend {width:300px; margin-left:140px; padding:13px 0; background-color:#000; font-weight:400; font-size:14px; color:#fff; text-align:center;}
#delConfirm p {margin-top:20px; font-weight:400; text-align:center;}
#delConfirm ul.delBtn {margin:10px 0 20px 0;}
#delConfirm ul.delBtn input {border:0;}
#delConfirm ul.delBtn li {display:inline; height:23px; padding:1px;}