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

.boardWrap { padding:15px; margin-bottom:30px; }

.boardBtn { }
.boardBtn td { padding-top:10px; }
.boardBtn span{ font-size: 0.8em; font-weight:bold; color:#444;  border:1px solid #bbbab2; padding:2px 20px 2px 20px; background-position:left center; background-repeat:no-repeat; background-color:#f4f2e8; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px; -moz-border-radius:5px; box-shadow: inset 1px 1px 1px #fff, 1px 1px 1px #888 ; display:inline-block;}


.pointBtn { clear:both; float:right; }
.pointBtn span{ font-size: 0.8em; font-weight:bold; color:#fdf0a1;  border:1px solid #2d1d1d; padding:2px 20px 2px 20px; background-position:left center; background-repeat:no-repeat; background-color:#2d1d1d; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px; -moz-border-radius:5px; box-shadow: inset 1px 1px 1px #412c2c, 1px 1px 1px #888 ; width:100px;}





/* board list */

.boardList { border-top:2px solid #785332; }
.boardList { }
.boardList td  { border-bottom:1px solid #e1e1e1; padding: 10px 0 10px 0; background:url(../board/images/icon_list.gif); background-position:right center; background-repeat:no-repeat; }
.boardList td a{ color:#333333; overflow:hidden; width:100%;  }
.boardList img{ float:left; margin-right:10px; }

/* pading */
.paging { font-size: 1.1em; color:#FF3300; font-weight:bold; margin: 10px auto; text-align:center; vertical-align:middle;}
.paging .paginTxt {  font-size: 1.2em; color:#FF3300; font-weight:bold; vertical-align:bottom;padding-right: 0.2px; padding-left: 0.2px; }
.paging  a { color:#333333; font-size: 1em;  vertical-align:middle; }
.paging .num a{ }
.paging .btnPrev { font-size: 0.6em; color:#fff;  border:0px solid #999; padding:0.3em 0.5em 0.3em 1.4em; background:url(../board/images/icon_paging1.gif); background-position:left center; background-repeat:no-repeat; background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888; height:1.4em; }
.paging .btnPrev2{ font-size: 0.6em; color:#fff;  border:0px solid #999; padding:0.3em 0.5em 0.3em 2.2em; background:url(../board/images/icon_paging3.gif); background-position:left center; background-repeat:no-repeat; background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888; height:1.4em; }
.paging .btnPrev3{ font-size: 0.6em; color:#fff;  border:0px solid #999; padding:0.3em 0.5em 0.3em 2em; background:url(../board/images/icon_paging2.gif); background-position:left center; background-repeat:no-repeat; background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888;  height:1.4em;}
.paging .btnNext { font-size: 0.6em;  color:#fff; border:0px solid #999; padding:0.3em 1.4em 0.3em 0.5em; background:url(../board/images/icon_paging1.gif); background-position:right center; background-repeat:no-repeat;  background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888;  height:1.4em;}
.paging .btnNext2{ font-size: 0.6em;  color:#fff; border:0px solid #999; padding:0.3em 2.2em 0.3em 0.5em; background:url(../board/images/icon_paging3.gif); background-position:right center; background-repeat:no-repeat;  background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888;  height:1.4em;}
.paging .btnNext3{ font-size: 0.6em;  color:#fff; border:0px solid #999; padding:0.3em 1.8em 0.3em 0.5em; background:url(../board/images/icon_paging2.gif); background-position:right center; background-repeat:no-repeat;  background-color:#486db8; border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -0-border-radius:20px; -moz-border-radius:20px; box-shadow: 1px 1px 3px #888;  height:1.4em;}

.paging .num { }


.boardList .name  { background:url(../board/images/icon_txt_line.gif); background-position:right center; background-repeat:no-repeat; }
.boardList .date  { background:url(../board/images/icon_txt_line.gif); background-position:right center; background-repeat:no-repeat; }
.boardList .hit   { background:url(../board/images/icon_txt_line.gif); background-position:right center; background-repeat:no-repeat; }

@media screen and (min-width: 320px ) {  

.boardList .title { font-size: 1.1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardList .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardList .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardList .hit   { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;}
.boardList .category  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#494a67; padding: 0px 10px 0px 10px;}

}
@media screen and (min-width: 400px) { 

.boardList .title { font-size: 1.3em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardList .name  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px;  }
.boardList .date  { font-size: 0.5em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardList .hit   { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;}
.boardList .category  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#494a67; padding: 0px 10px 0px 10px;}

}
@media screen and (min-width: 480px) { 

.boardList .title { font-size: 1.3em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px;}
.boardList .name  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px;  }
.boardList .date  { font-size: 0.5em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardList .hit  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;}
.boardList .category  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#494a67; padding: 0px 10px 0px 10px;}

}

@media screen and (min-width: 640px) { 

.boardList .title { font-size: 1.3em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px;}
.boardList .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardList .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardList .hit  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;}
.boardList .category  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#494a67; padding: 0px 10px 0px 10px;}

}

@media all and (min-width: 719px) {

.boardList .title { font-size: 1.1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardList .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardList .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardList .hit  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;}
.boardList .category  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#494a67; padding: 0px 10px 0px 10px;}

}


/* board view */

.boardView { border-top:2px solid #785332; }
.boardView { }
.boardView td  { border-bottom:1px solid #e1e1e1; padding: 10px 0 10px 0; }
.boardView td a{ color:#333333; overflow:hidden; width:100%;  }
.boardView img{ float:left; margin-right:10px; }



@media screen and (min-width: 320px ) {  

.boardView .title { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardView .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardView .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .hit  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .contents  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.2em; }
.onlineQ  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.2em; }
.onlineA  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.2em; background-color:#f0f2f4; }
.IconQ    { font-size: 1em; font-weight:bold;   color:red; padding:10px 0; margin-bottom:3px; line-height:1.2em; text-decoration:none; }
.IconA    { font-size: 1em; font-weight:bold;   color:#333; padding:10px 0; margin-bottom:3px; line-height:1.2em;text-decoration:none; }

}
@media screen and (min-width: 400px) { 

.boardView .title { font-size: 1.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardView .name  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardView .date  { font-size: 0.5em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .hit  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .contents  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em;  }
.onlineQ  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em; }
.onlineA  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em; background-color:#f0f2f4; }
.IconQ    { font-size: 1.2em; font-weight:bold;   color:red; padding:10px 0; margin-bottom:3px; line-height:1.5em; text-decoration:none; }
.IconA    { font-size: 1.2em; font-weight:bold;   color:#333; padding:10px 0; margin-bottom:3px; line-height:1.5em;text-decoration:none; }

}
@media screen and (min-width: 480px) { 

.boardView .title { font-size: 1.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px;}
.boardView .name  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px;  }
.boardView .date  { font-size: 0.5em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;  }
.boardView .hit  { font-size: 0.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .contents  { font-size:0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em;  }
.onlineQ  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em; }
.onlineA  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em; background-color:#f0f2f4; }
.IconQ    { font-size: 1.2em; font-weight:bold;   color:red; padding:10px 0; margin-bottom:3px; line-height:1.5em; text-decoration:none; }
.IconA    { font-size: 1.2em; font-weight:bold;   color:#333; padding:10px 0; margin-bottom:3px; line-height:1.5em;text-decoration:none; }

}

@media screen and (min-width: 640px) { 

.boardView .title { font-size: 1.5em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px;}
.boardView .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardView .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .hit  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .contents  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em;  }
.onlineQ  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em; }
.onlineA  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em; background-color:#f0f2f4; }
.IconQ    { font-size: 0.6em; font-weight:bold;   color:red; padding:10px 0; margin-bottom:3px; line-height:1.4em; text-decoration:none; }
.IconA    { font-size: 0.6em; font-weight:bold;   color:#333; padding:10px 0; margin-bottom:3px; line-height:1.4em;text-decoration:none; }

}

@media all and (min-width: 719px) {

.boardView .title { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; margin-bottom:3px; overflow:hidden; }
.boardView .name  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#777; padding: 0px 10px 0px 0px; }
.boardView .date  { font-size: 0.8em;  font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px;  }
.boardView .hit  { font-size: 0.8em; font-weight:normal; height:1.25em; line-height:1.4em; color:#999; padding: 0px 10px 0px 10px; }
.boardView .contents  { font-size: 1em; font-weight:normal; color:#555; padding:5px; margin-bottom:3px; line-height:1.4em;  }
.onlineQ  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em; }
.onlineA  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em; background-color:#f0f2f4; }
.IconQ    { font-size: 1em; font-weight:bold;   color:red; padding:10px 0; margin-bottom:3px; line-height:1.4em; text-decoration:none; }
.IconA    { font-size: 1em; font-weight:bold;   color:#333; padding:10px 0; margin-bottom:3px; line-height:1.4em;text-decoration:none; }

}

/* board del */

.boardDel { border:2px solid #785332; background-color:#e9e9e9; }
.boardDel strong {color:#333333; }
.boardDel div { margin-bottom:20px; }


@media screen and (min-width: 320px ) {  
.boardDel td {font-size: 0.7em;  padding: 20px; text-align:center; }

}
@media screen and (min-width: 400px) { 
.boardDel td {font-size: 0.4em;  padding: 20px; text-align:center; }

}
@media screen and (min-width: 480px) { 
.boardDel td {font-size: 0.4em;  padding: 20px; text-align:center; }

}

@media screen and (min-width: 640px) { 
.boardDel td {font-size: 0.7em;  padding: 20px; text-align:center; }

}

@media all and (min-width: 719px) {
.boardDel td {font-size: 0.7em;  padding: 20px; text-align:center; }

}


/* board write */

.boardWrite { border-top:2px solid #785332; }
.boardWrite { }
.boardWrite td  { width:75%; border-bottom:1px solid #e1e1e1; padding: 10px; }
.boardWrite td a{ color:#333333; overflow:hidden; width:100%;  }
.boardWrite img{ float:left; margin-right:10px; }

.boardWrite th { width:25%; border-bottom:1px solid #c1bebe; background-color:#f1f1f1; }


@media screen and (min-width: 320px ) {  

.boardWrite th { font-size: 1em; font-weight:bold; color:#333; padding:5px; }
.boardWrite td { font-size: 1em; font-weight:normal; color:#555; line-height:1.2em; }

}
@media screen and (min-width: 400px) { 

.boardWrite th{ font-size: 1.2em; font-weight:bold; color:#333; padding:5px; }
.boardWrite td { font-size: 1.2em; font-weight:normal; color:#555; line-height:1.5em;  }

}
@media screen and (min-width: 480px) { 

.boardWrite th { font-size: 1.2em; font-weight:bold; color:#333; padding:5px;  background-color:#e3dfdc; }
.boardWrite td { font-size:1.2em; font-weight:normal; color:#555; line-height:1.5em;  }

}

@media screen and (min-width: 640px) { 

.boardWrite th { font-size: 1.2em; font-weight:bold; color:#333; padding:5px; }
.boardWrite td { font-size: 1.2em; font-weight:normal; color:#555;line-height:1.4em;  }

}

@media all and (min-width: 719px) {

.boardWrite th { font-size: 1em; font-weight:bold; color:#333; padding:5px; }
.boardWrite td { font-size: 1em; font-weight:normal; color:#555; line-height:1.4em;  }

}

/* bna list */

.bnaList { border-top:4px solid #785332;}
.bnaList .line {  border-bottom:4px solid #785332; padding: 0.5em 0 1.5em 0em; }
/*
.bnaList .line {  border-bottom:1px solid #e1e1e1; padding: 0.5em 0 0.5em 0em; }
*/
.bnaImg  { border: 0.3em solid #3e2a2b; padding: 0.5em; overflow:hidden; display:block; }

.bnaTxt { border-top:1px solid #c6c6c6; background-color:#f0f2f4; margin-top:0.5em; }
.bnaTxt { }
.bnaTxt th  { border-bottom:1px solid #e1e1e1; padding: 0.3em 0 0.3em 1.3em; background-position:left center; background-repeat:no-repeat; background-image:url(../board/images/icon_bna_txt.gif); color:#333; text-align:left; }
.bnaTxt td  { border-bottom:1px solid #e1e1e1; padding: 0.3em 0 0.3em 0; background-position:right center; background-repeat:no-repeat; background-color:#FFFFFF; }

@media screen and (min-width: 320px ) {  

.bnaTxt th  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; width:40%; }
.bnaTxt td  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#666; width:60%; }

}
@media screen and (min-width: 400px) { 

.bnaTxt th  { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; }
.bnaTxt td  { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#666; }

}
@media screen and (min-width: 480px) { 

.bnaTxt th  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; }
.bnaTxt td  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#666; }

}

@media screen and (min-width: 640px) { 

.bnaTxt th  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; }
.bnaTxt td  { font-size: 1em; font-weight:normal; height:1.25em; line-height:1.4em; color:#666; }

}

@media all and (min-width: 719px) {

.bnaTxt th  { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#333; }
.bnaTxt td  { font-size: 1.2em; font-weight:normal; height:1.25em; line-height:1.4em; color:#666; }

}


/* bna view */

.bnaView { border-top:2px solid #785332;}
.bnaView .line {  border-bottom:1px solid #e1e1e1; padding: 0.5em 0 0.5em 0em; }
.bnaView .bnaImg  {  border: 0.1em solid #3e2a2b; padding: 0.2em; overflow:hidden; display:block; }

.bnaView .contents  { border-bottom:1px solid #785332; background-color:#f0f2f4;  padding: 0.5em 0 0.5em 0em; }s

@media screen and (min-width: 320px ) {  

.bnaView .contents  { font-size: 1em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.2em; }

}
@media screen and (min-width: 400px) { 

.bnaView .contents  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em;  }

}
@media screen and (min-width: 480px) { 

.bnaView .contents  { font-size:0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.5em;  }

}

@media screen and (min-width: 640px) { 

.bnaView .contents  { font-size: 0.6em; font-weight:normal; color:#555; padding:10px 0; margin-bottom:3px; line-height:1.4em;  }

}

@media all and (min-width: 719px) {

.bnaView .contents  { font-size: 1em; font-weight:normal; color:#555; padding:5px; margin-bottom:3px; line-height:1.4em;  }

}