@charset "euc-kr";
/* CSS Document */

/* 게시???�체 div */
.boardBody *{ margin:0; padding:0; line-height:18px; font-family:"Nanum Gothic","���� ����","����","����",sans-serif }
.boardBody { width:100%; min-width:600px; color:#333; font-size:12px; padding-left:5px; }
.boardBody input, .boardBody select, .boardBody textarea { font-size:12px; }

/* List Tag */
ol, ul {margin:0; padding:0; list-style:none; }
dl, dd, dt {margin:0; padding:0;}
p, blockquote {margin:0; padding:0;}
hr {display:none;}

/* 게시???�상 */
.boardWriteForm table { border-top:3px solid #999; } /* 글?�기 */
.boardViewHeader .jn_title { border-bottom:2px solid #999; } /* �?*/
.prev-next { border-top:2px solid #999; } /* ?�전글-?�음글 */
.secretWrite fieldset, .pwdConfirm fieldset, .delConfirm fieldset { border:3px solid #999; } /* 비�?글, 비�?번호, ??��?�기 */
.secretWrite legend, .pwdConfirm legend, .delConfirm legend {background:#cdcdcd; } /* 리스?? 비�?글, 비�?번호, ??��?�기 */

/* 게시??검??공통 */
#searchField { position:relative; z-index:10; top:5px;}
/* label ???�라?�요?�라 width�??�용???�용?�되지 ?�아 블럭?�로 처리, block??경우?�는 ?�동개행???��?�??�라?�요?�이면서 블럭???�성???�용?�도�?inline-block???�용 */
#searchField legend, 
#searchFiled label { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif;  }
#searchFiled label { display:inline-block; }
#searchField fieldset { border:0; padding:10px 10px 0 10px; }
.boardCategory select, .boardSearch select { height:20px; border:1px solid #CCC; }

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


/* 게시??검??*/
.boardSearch { float:right; o }
.boardSearch ul { margin:0; padding:0; /*border:1px solid #000;*/ overflow:hidden; }
.boardSearch li { float:left; padding:2px 0;}
.boardSearch input { width:200px; height:18px; border:1px solid #CCC; vertical-align:middle }
.boardSearch select, .boardSearch input {margin-right:2px; }
.boardSearch label { position:absolute; display:inline-block; width:0; height:0; overflow:hidden; font:0/0 san-serif;  }

/* 게시??리스??*/
#boardListForm { position:relative;  padding-left:30px;  clear:both; float:none; top:10px; width:695px }
#boardListForm fieldset { border:0; padding:10px 0; }
#boardListForm legend { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif;  }
#boardListForm ul.jn_photo { float:left; margin-bottom:10px;  height:210px;}
#boardListForm ul.jn_photo li { margin:0 5px; }
#boardListForm li.jn_pic {width:219px; height:146px; border:1px solid #eee;}
#boardListForm li.jn_pic img { width:100%; height:100%;}
#boardListForm li.jn_title { padding:10px 17px 0; width:186px; text-align:center; font-size:13px;}

/* ?�이�?*/
/* .boardPagination { clear:both; float:none; text-align:center; margin:20px 0 0 0; }
.boardPagination img { padding-bottom:3px; vertical-align:middle; }

.boardPagination ul {padding:0 0 0 200px;}
.boardPagination li{float:left; display:inline; padding:0 0 0 10px; text-align:center;}
.boardPagination .noover {font-size:1.0em; color:#000000; font-weight:bold;  position:relative; width:19px; height:19px; background:url(/korean/_template/image/default/01/jopagerbox.gif) no-repeat 10px top;}
.boardPagination .noout a{font-weight:normal; color:#646464; }*/

/* ����¡ */
.boardPagination {clear:both; text-align:center; margin:20px 0 0 0;}
.boardPagination img { padding-bottom:3px; vertical-align:top; }
.boardPagination strong {background: #35353e; border: 1px solid #1c1c22; color: #FFFFFF; display: inline-block; font-weight: bold; height: 22px; line-height: 23px; text-align: center; vertical-align: middle; width: 22px;}
.boardPagination a.paging_num {background: #fff; border: 1px solid #CDCDCD; color: #585858; display: inline-block; height: 22px; line-height: 23px; text-align: center; text-decoration: none; vertical-align: middle; width: 22px;}
.boardPagination .prev {padding: 0 7px 0 2px;}
.boardPagination .next {padding: 0 2px 0 5px;}


/* 게시??�?*/
.boardView {width:700px;  padding:10px 10px 0 20px; }
.boardViewHeader .jn_title { background-image:none; padding:5px 0; word-break:break-all; color:#3b3b3b; }
.boardViewHeader .boardInfo { width:100%; border-bottom:1px solid #eee; background:#F9F9F9; overflow:hidden; }
.boardViewHeader .boardInfo dt { float:left; font-weight:bold; padding-right:10px; }
.boardViewHeader .boardInfo dd { float:left; width:100px; padding-left:10px; }
.boardViewHeader .boardInfo dt, .boardViewHeader .boardInfo dd { padding:10px 5px; }
.boardViewHeader .attach { clear:both; float:none; }
.boardViewHeader .attach p, .boardViewHeader .attach ul li { border-bottom:1px solid #eee;  padding:5px; }
.boardCon img { padding-left: 20px; margin:5px 0; width:600px; height:450px; }

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

/* ?�전글, ?�음글 */
.prev-next { border-bottom:1px solid #ccc; margin:10px 10px; }
.prev-next dt { clear:both; float:left; font-weight:bold; width:50px; }
.prev-next dt.prev { padding:10px 5px; }
.prev-next dd.prev { border-bottom:1px dotted #eee; padding:10px 5px; }
.prev-next dt.next { padding:10px 5px; }
.prev-next dd.next { padding:10px 5px; }

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

/* 글?�기 */
.boardWriteForm { padding:10px 10px 0 10px; }
.boardWriteForm caption, .boardWriteForm label {overflow:hidden; margin:0; padding:0; height:0; font-size:0; line-height:0; text-indent:-2000px;}
.boardWriteForm table { clear:both; float:none; width:100%; }
.boardWriteForm table { border-bottom:1px solid #eee; }
.boardWriteForm table th, .boardWriteForm table td { padding:5px; }
.boardWriteForm table th, .boardWriteForm table td { border-bottom:1px solid #eee; }
.boardWriteForm table th { background:#F7F7F7; text-align:left; width:100px; }
.boardWriteForm input { height:18px; border:1px solid #CCC; }
.boardWriteForm textarea { width:100%; 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:100%; }
.boardWriteForm input.addfile  { width:100%; }
.boardWriteStyle li { float:left; margin-right:15px; }
.boardWriteStyle input.noneBorder { border:none; vertical-align:middle }
.boardWriteForm .attach_txt { width:550px;}

/* ?��? ?�기 */
.replyWrite { background:#F9F9F9; margin:10px; padding:10px; border:0; border-top:2px solid #eee; }
.replyWrite legend, .replyWriteForm caption, .replyWriteForm label {overflow:hidden; margin:0; padding:0; height:0; font-size:0; line-height:0; text-indent:-2000px;}
.replyWriteForm { overflow:hidden; }
.replyWriteForm dt, .replyWriteForm dd { float:left; margin-right:10px; }
.replyWriteForm input { border:1px solid #ccc; height:18px; }
.replyWriteComment { clear:both; float:none; padding:10px 0; }
.replyWriteComment textarea { width:100%; border:1px solid #ccc; }
.replyButton li { display:inline }
.replyButton strong { color:#F00; }
.replyWrite span.errorReplay { color:#F00; }

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

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

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

/* 게시글 ??�� */
.delConfirm { text-align:center; }
.delConfirm fieldset { width:500px; margin:auto; background-color:#f1f1f1;  border:2px solid #eee;}
.delConfirm legend { width:auto; margin-left:180px; padding:5px 15px; font-weight:bold; color:#FFF; }
.delConfirm p { font-weight:bold; margin-top:20px; }
.delConfirm ul.delBtn { margin:10px 0 20px 0; }
.delConfirm ul.delBtn input { width:55px; height:23px; border:0; }
.delConfirm ul.delBtn li { display:inline; padding:1px; height:23px; }

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


.photobox {clear:both; width:100%; padding:15px 0 0 25px;}
.photobox dl{float:left;}
.photobox dt{float:left; clear:both; padding:10px 0 15px 0;}
.photobox dd{clear:both; float:left; padding:15px 0 0 0;}
.photobox dd ul {float:left; width:600px; padding:10px 0 10px 0; background-color:#ededed; border-bottom:2px solid #eaeaea; border-top:2px solid #eaeaea;}
.photobox dd li{float:left; padding:0 0 0 14px;}


.phototitle {width:600px; min-height:20px; height:auto; padding:12px 0 0 0; background-color:#ededed; border-bottom:2px solid #eaeaea; border-top:2px solid #eaeaea}
.phototitle img {position:relative; vertical-align:middle; top:-3px;}
.phototitle span {padding:0 0 0 10px;}


/* �Խ��� ������ select */
.cheditor-container label {position:relative; width:auto; height:auto;}