@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Document */

/* 게시???�체 div */
.boardBody *{ margin:0; padding:0; line-height:18px; font-family:"Noto Sans Japanese", "�ҫ髮���ǫ� Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "�᫤�ꫪ", Meiryo, "�ͣ� �Ы����ë�", "MS PGothic", sans-serif; }
.boardBody { width:100%; min-width:600px; color:#333; font-size:12px; padding-left:0; }
.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; visibility:hidden; }
#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; visibility:hidden; }


/* 게시??검??*/
.boardSearch { float:right; o }
.boardSearch ul { margin:0; padding:0; /*border:1px solid #000;*/ overflow:hidden; }
.boardSearch li { float:left; }
.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; visibility:hidden; }

/* 게시??리스??*/
ul{list-style:none;}
.tab{clear:both;height:47px;margin:0;padding:0;}
.tab li{float:left;}
#cal{width:688px;height:50px;border:1px solid #283f78;clear:both;padding:23px 15px;}
#cal .year{width:106px;height:32px;padding:10px 0 0 0;background:url(/korean/Bd/skin/festival/image/bg_year.gif) center bottom no-repeat;float:left;}
#cal .year a{float:left;margin-top:5px;}
#cal .year span{font-size:20px;font-weight:bold;display:block;float:left;margin:5px 10px 0 10px;}
#cal .month{float:right;width:575px;margin:12px 0 0 0;padding:0;}
#cal .month li{float:left;display:block;width:40px;height:23px;line-height:30px;text-align:center;font-size:13px;margin:0 2px;padding-top:7px;}
#cal .month li.on{background:url(/korean/Bd/skin/festival/image/bg_month.gif);font-weight:bold;}
#cal .month li.on a{color:#fff;}
#festival .fest_list>li{margin-top:30px;min-height:238px;border-bottom:1px solid #eee;width:720px;}
#festival .photo{width:289px;height:204px;border:1px solid #cacaca;float:left;margin-right:12px;}
#festival h3{width:398px;padding-left:18px;background:url(/korean/Bd/skin/festival/image/dot_btn.gif) 0 0 no-repeat;float:left;margin:0;font-size:16px;color:#756565;}
#festival p{width:403px;background:#eee;float:left;padding:7px; text-align:justify; text-justify:inter-cluster;line-height:20px;margin:8px 0 5px 0;color:#5c5c5c;font-size:12px;}
#festival dl{width:417px;float:left;margin:0 0 30px 0;}
#festival dt{float:left;font-size:13px;font-weight:400;width:85px;line-height:20px;text-align:center;color:#fff;margin:2px 8px 0 0;}
#festival dt.odd{background:url(/english/Bd/skin/festival/image/list_bg01.gif) 0 0 no-repeat;}
#festival dt.even{background:url(/english/Bd/skin/festival/image/list_bg02.gif) 0 0 no-repeat;}
#festival dd{width:324px;float:left;clear:right;line-height:24px;font-size:12px;color:#5c5c5c;}

/* ?�이�?*/
.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 270px;}
.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; }

/* 게시??�?*/
.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: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:5px; }
.prev-next dd.prev { border-bottom:1px dotted #eee; padding:5px; }
.prev-next dt.next { padding:5px; }
.prev-next dd.next { padding:5px; }

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

/* 글?�기 */
.boardWriteForm { padding:10px 10px 0 10px; }
.boardWriteForm caption, .boardWriteForm label { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden; }
.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:50%; }
.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 { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden; }
.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; visibility:hidden; }
.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 lebel { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden; }
.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 lebel { position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden; }
.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;}