form { margin:0; padding:0;}
table { border-collapse:collapse; width:100%; margin-top:0; table-layout:fixed; }

/* 게시판 상단 */
.bbs_header { margin-top:10px; }
.bbs_headerBtn { overflow:hidden; }
.bbs_headerBtn > div:first-child { float:left; padding:9px 0 0; }
.bbs_headerBtn a { display:block; float:right; width:21px; height:25px; text-indent:-5000px; font-size:0; margin:0 0 5px 5px;}
.bbs_headerBtn select { display:block; float:right; height:25px; margin:0 0 5px 5px; font-size:12px; width:80px; }
.bbs_headerBtn a.icon_list { background:url('../image/bbs/wskin/top_3_off.gif') center center no-repeat; }
.bbs_headerBtn a.icon_blog { background:url('../image/bbs/wskin/top_1_off.gif') center center no-repeat; }
.bbs_headerBtn a.icon_webzine { background:url('../image/bbs/wskin/top_2_off.gif') center center no-repeat; }

.bbs_headerBtn a.icon_list.action { background:url('../image/bbs/wskin/top_3_on.gif') center center no-repeat; }
.bbs_headerBtn a.icon_blog.action { background:url('../image/bbs/wskin/top_1_on.gif') center center no-repeat ;}
.bbs_headerBtn a.icon_webzine.action { background:url('../image/bbs/wskin/top_2_on.gif') center center no-repeat; }
.bbs_headerBtn a.icon_rss { background:url("../image/rss_icon.jpg") center center no-repeat; }


/* 카테고리 */
.cate_list { }
.cate_list ol { padding:0; margin:0; overflow:hidden; }
.cate_list ol li { list-style:none; float:left; margin-right:6px; }
.cate_list ol li a{ display:block; text-align:center; border:1px solid #ccc; padding:10px 25px; color:#555555; }
.cate_list ol li a:hover ,
.cate_list ol li a.on { background:#00a1e9; font-weight:700; color:#fff; }


/* 게시판 검색 */
.search_table { margin:20px 0 10px 0; text-align:right; padding:10px; background:#f6f6f6; border:1px solid #ccc; text-align:center; }
.search_table button { border:1px solid #32383f; background:#545861; width:60px; height:27px; line-height:27px; vertical-align:top; }
.search_table button b { color:#fff; }
.search_table input { height:27px; line-height:27px; border:1px solid #dbdbdb; vertical-align:top; width:30%; }
.search_table select { height:27px; border:1px solid #dbdbdb; vertical-align:top; width:10%; }

/* 페이징 */
.wrap_paging { line-height: 0; text-align: center; clear: both; padding:40px 0 20px; }
.wrap_paging .paging_comm { display:table; display:inline-block; margin:0 auto; height:20px; font-size:0; line-height:0;}
.paging_comm .num { display: inline; float: left; padding:5px 9px; margin: 0 2px; background:#fff; font: bold 11px/18px tahoma; color: #333; border:1px solid #ccc; text-decoration: none;}
.paging_comm b.num,
.paging_comm .num:hover { color:#fff; height:18px; line-height:20px; padding:6px 10px; border:none; background:#0071c6;}

.paging_comm .btn_first,
.paging_comm .btn_prev,
.paging_comm .btn_next,
.paging_comm .btn_end { display: inline; float: left; width:25px; height:28px; padding:0; margin: 0 3px;
text-indent:-5000px; font-size:0; background:#fff center center no-repeat; border:1px solid #ccc;}

.paging_comm .btn_first { background-image:url("../image/icon_first.gif");}
.paging_comm .btn_prev { background-image:url("../image/icon_prev.gif");}
.paging_comm .btn_next { background-image:url("../image/icon_next.gif");}
.paging_comm .btn_end { background-image:url("../image/icon_last.gif");}


/*게시판 */
.bss_list .no_result,
.no_result { padding:50px 0; text-align:center; }
.bss_list { margin:0; padding:0;}
.bss_list a { text-decoration:none;}
.bss_list thead th { padding:10px 5px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }
.bss_list th.text_l { text-align:left; padding-left:20px; }

.bss_list a { color:#333;}
.bss_list td { padding:10px 5px; border-bottom:1px solid #ccc; text-align:center; }
.bss_list .list_notice td { background:#ededed }
.bss_list .txtL { text-align:left; padding:6px 10px;}
.bss_list .action { background:#f3f3f3;}
.bss_list .action a { color:#002a7c; font-weight:bold;}
.bss_list tr:hover td { background:#eee;}
.bss_list tr:hover .no_result { background:none;}
.bss_list .btn_revise { display:inline-block; @display:inline; zoom:1; padding:3px 5px; border:1px solid #06c; background:#39f; color:#fff; font-size:11px;}


/*게시판 폼*/
.form_table { border-collapse:collapse; font-size:12px; border-top:1px solid #ccc; }
.form_table caption { font-size:17px; text-align: left; padding:0 0 15px 20px}
.form_table td { border-bottom:1px solid #dadada; padding:6px; }
.form_table th { border-bottom:1px solid #dadada; padding:6px; }
.form_table textarea.contents{width:99%;height:350px}

/*게시판 뷰*/
.view_table { width:100%; border-collapse:collapse; border-top:1px solid #ccc; }
.view_table th,
.view_table td { padding:9px; border-bottom:1px solid #dadada;}
.view_table thead th { border-right:1px solid #dadada; padding:9px; background:#f4f4f4; }
.view_table tbody th { border-right:1px solid #dadada; padding:9px; text-align:left}
.view_table tbody th span{font-weight:normal}


.bbs_cnt { padding:20px 15px; border-bottom:1px solid #dadada; line-height:22px; }
.bbs_cnt img { max-width:100%; }

.preview_box { border-top:1px solid #dadada; margin-bottom:20px;}
.preview_box div { background:no-repeat 5px center; padding-left:50px; border-bottom:1px solid #ccc;}
.preview_box span { color:#999; display:block; padding:9px;}
.preview_box a { color:#333; display:block; padding:9px;}
.preview_box .btn_prev { background-image:url('../image/bbs/wskin/btn_prev.gif');}
.preview_box .btn_next { background-image:url('../image/bbs/wskin/btn_next.gif');}


/* 댓글 폼 */
.mentFrm { padding:10px; border:1px solid #d5d5d5; margin:20px 0;}
.mentFrm .info { margin-bottom:10px;}
.mentFrm .info * {vertical-align: middle;}
.mentFrm .info input {border:1px solid #ccc;}
.mentFrm .txt { position:relative; padding-right:80px; margin-top:20px; }
.mentFrm .txt textarea { width:100%; border:1px solid #ccc; background:#f3f3f3; }
.mentFrm .txt button { position:absolute; top:0; right:0; width:66px; height:39px; background:#eee; border:1px solid #ccc;;}


/*게시판댓글*/
.ment_list { margin:20px 0px; border:1px solid #d5d5d5; width:100%; border-collapse:collapse;}
.ment_list th { border:1px solid #dadada; padding:10px; background:#f4f4f4;  text-align:left;}
.ment_list td { padding:10px; border-bottom:1px solid #dadada; }

.ment_list .time { text-align:right;}
.cmtbtn a { display:inline-block; @display:inline; zoom:1px; background:center center no-repeat; width:21px; height:10px; text-indent:-5000px; font-size:0px;}
.cmtbtn .icon_del { background-image:url('../image/icon_del.png');}
.cmtbtn .icon_edit { background-image:url('../image/icon_edit.png');}

/*이전글 다음글*/
.preview_list_table { border-collapse:collapse; }
.preview_list_table td { border-bottom:1px solid #ccc; padding:6px; }


/* FAQ 게시판 */
#faq { border-top:2px solid #3a3b3b; border-bottom:1px solid #ccc; margin-bottom:20px;position:relative}
#faq .list { list-style:none; margin:0; padding:0;}
#faq .list li{ position:relative}
#faq .list dl { padding:0; margin:0; border-bottom:1px dotted #e0e0e0;}
#faq .list dt { background:#f8f8f8 url('../image/bbs/wskin/qna_qbg.gif') left center repeat-y; font-weight:bold; }
#faq .list dd { background:url('../image/bbs/wskin/qna_abg.gif') left center repeat-y; overflow:hidden; border-top:1px dotted #e0e0e0; display:none; margin:0; }
#faq .list .notice { background:url('../image/bbs/wskin/icon_notice.gif') no-repeat 10px center; padding:16px 16px 16px 70px; display:block; }
#faq .list .question_tit { background:url('../image/bbs/wskin/btn_q.png') no-repeat 17px center; padding:16px 16px 16px 70px; display:block; }
#faq .list .question_con {background:url('../image/bbs/wskin/btn_a.png') no-repeat 18px center; padding:16px 16px 16px 70px; display:block; }
#faq .no_result { width:100%; height:100px; line-height:100px; text-align:center; border-bottom:1px solid #dadada; }
#faq input.allchk_input{position:absolute;top:0;left:0;z-index:500}
#faq input.chk_input{position:absolute;top:50%;right:0;z-index:500}

/*블로그 게시판*/
.blog_table .no_result { height:100px; line-height:100px; border-top:2px solid #3a3b3b; border-bottom:1px solid #dadada; text-align:center; }
.blog_table {  }
.blog_table ol { margin:0; padding:0;}
.blog_table ol > li { list-style:none; padding:0; margin-bottom:20px; border-top:2px solid #3a3b3b; border-bottom:1px solid #ccc;}
.blog_table h4 { margin:0; padding:10px; border-bottom:1px solid #ccc;}
.blog_table h4 span { float:right;}
.blog_table .box { padding:10px;}
.blog_table .filebox { float:right; padding:6px;}


/*웹진 게시판*/
.webzine_table { }
.webzine_table ol { margin:0; padding:0;}
.webzine_table li { list-style:none; padding:0; margin-bottom:20px; border-top:2px solid #3a3b3b; border-bottom:1px solid #ccc;}
.webzine_table h4 { margin:0; padding:10px; border-bottom:1px solid #ccc;}
.webzine_table h4 span { float:right;}
.webzine_table .box { padding:10px; overflow:hidden; @height:100%;}
.webzine_table .img_box { float:left; margin:10px;}
.webzine_table .img_box img { border:2px solid #ccc; width:115px; height:90px; }
.webzine_table .no_result { height:100px; line-height:100px; border-top:2px solid #3a3b3b; border-bottom:1px solid #dadada; text-align:center; }


/*포토게시판*/
.photo_list { margin:0; border-top:1px solid #ccc; position:relative; }
.photo_list ol { margin:0; padding:0; overflow:hidden; }
.photo_list .no_result { width:100%; height:100px; line-height:80px; text-align:center; border-bottom:1px solid #dadada; }
.photo_list li { list-style:none; margin:0; padding:0; width:25%; float:left; }
.photo_list li a {display:block; margin:15px 10px; background:#fff; position:relative; border:1px solid #cacaca; }
.photo_list li a .photo_img { height:150px; width:100%; background-size:cover; background-color:#f6f6f6; background-position:center; background-repeat:no-repeat; }
.photo_list li a .no-img { height:150px; width:100%; text-indent:-5000px; background-color:#f6f6f6; background-image:url('/upload/bbs/no_img.png'); background-position:center; background-repeat:no-repeat; }
.photo_list li a:hover { border:1px solid #ee7294; }
.photo_list input.allchk_input{position:absolute;top:0;left:0;z-index:500}
.photo_list li a input[type="checkbox"] { position:absolute; top:5px; left: 5px; z-index:10; }
.photo_list .photo_con { left:0; bottom:0; background:#fff; width:100%; }
.photo_list .photo_con .con_tit { overflow:hidden; padding:10px; overflow:hidden; color:#555; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.photo_list .photo_con .con_etc { overflow:hidden; padding:3px; color:#777; text-align:center; }


#div_frm { border:1px solid #f3f3f3; padding:20px;  }

/* 테이블 - 폼 */

/*.table_frm { width:100%; border-collapse:collapse; border-top:2px solid #ccc; margin-bottom:20px;}
.table_frm td * {  vertical-align:bottom;}*/
/*#joinbox #clause h3 { background:url('../../img/tit/bubu.png') no-repeat left center; text-align:left; padding-left:20px; line-height:13px; margin-bottom:10px; font-size:13px; font-weight:normal;}*/
/*.table_frm caption { background:url('../../img/tit/bubu.png') no-repeat left center; text-align:left; padding-left:20px; line-height:13px; margin-bottom:10px; font-size:13px; font-weight:normal;}
.table_frm td,
.table_frm th { border-bottom:1px solid #ddd; padding:8px 13px; font-size:12px; text-align:left; color:#555;  line-height:24px;}
.table_frm th { background:#f5f6f8;  color:#444;  }
.table_frm td span{color:#777;}
.table_frm th span.chk { color:#444; vertical-align:-1px;background:url('../../img/join/chk_red.png') no-repeat; padding-left:8px;}
.table_frm td button { margin-left:5px; background:#444; border:1px solid #222; height:23px; font-size:11px; padding-bottom:2px; text-align:center; color:#fff; font-weight:normal;  }
.table_frm td input[type="text"] { height:10px; border:2px solid #ccc; padding:5px; vertical-align:middle; color:#555; font-family:'Dotum';}
.table_frm td input[type="password"] { height:10px; border:2px solid #ccc; padding:5px;}
.table_frm td select { height:24px; border: 2px solid #ccc; padding:2px; font-size:12px; }
.table_frm td input { line-height:1em;}
.table_frm .imgbox { float:left; margin-right:10px;}
.table_frm .imgbox2 { overflow:hidden; @height:100%;}
.table_frm .imgbox2 ul { padding-left:20px; margin:10px 0; list-style:none;}
.table_frm .imgbox2 li { line-height:1.8em; padding-left:10px; background:url('../../img/join/dotted.gif') left 50% no-repeat; color:#555;}
.table_frm .my_pic { border:2px solid #ccc;}
.table_frm .msg_err { color:red;}
.table_frm .msg_ok { color:blue;}*/



/*.box_warp { float:left; position:relative; top:5px;}
.box_warp .box { border:1px solid #e2e2e3; position:absolute; right:0px; top:21px; background:#fff; padding:2px; display:none; width:65px; z-index:100; }
.box_warp .box a { text-decoration:none; color:#333; display:block; padding:3px 6px; font-size:11px;}
.box_warp .box a:hover { background:#eee;}
.box_warp .btn_open { border:1px solid #e2e2e3; background:#fff; padding:3px; font-size:11px; width:65px; margin:0;}
.box_warp .btn_close { border:1px solid #e2e2e3; position:absolute; top:3px; right:3px; width:25px;}*/