/* -------------------------------
작업일자 : 2014.1.7
작업자    : SJH
작업내용 : 기본 아코디언 스킨 제작
------------------------------- */
/* 게시판 스킨 */
.board.skin01{display:block;margin:0;padding:0;}
.board.skin01 .board-search{padding:3px 0;text-align:right;}

.board.skin01 .board-paging{margin:10px 0 0;}
.board.skin01 .board-paging table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;}
.board.skin01 .board-paging .paging-left{padding:0;margin:0;}
.board.skin01 .board-paging .paging{padding:0;margin:0;width:100%;text-align:center;}
.board.skin01 .board-paging .paging:before{content:'.';display:block;clear:both;visibility:hidden;height:0;}
.board.skin01 .board-paging .paging a{display:block;display:inline-block;text-decoration:none;border-radius:2px;-moz-border-radius:2px; color:#666; font-weight:bold; background:#FFF; border:1px solid #dfdfdf; padding:5px 8px 2px 8px; margin-right:2px}
.board.skin01 .board-paging .paging a:hover{background:#eeeeee;color:#666666;border:1px solid #d0d0d0;cursor:pointer;}
.board.skin01 .board-paging .paging a.select{color:#2c6bdf; font-weight:bold; background:#FFF; border:1px solid #5c8de8;  padding:5px 8px 2px 8px; margin-right:2px}
.board.skin01 .board-paging .paging-right{padding:0;margin:0;text-align:right;}

.board.skin01 .board-footer{padding:5px;}
.board.skin01 .board-write{margin:0;padding:0;}
.board.skin01 .board-write table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.board.skin01 .board-write thead th{padding:3px 4px;border:1px solid #d9d9d9;}
.board.skin01 .board-write tbody td{padding:3px 5px;border:1px solid #d9d9d9;line-height:180%;}
.board.skin01 .board-write tbody td.file{line-height:200%;}
.board.skin01 .board-write tbody td.subtitle{background:#f3f3f3;}
.board.skin01 .board-write tbody textarea{width:99%;height:80px;overflow:auto;}
.board.skin01 .board-view{margin:0;padding:0;}
.board.skin01 .board-view table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.board.skin01 .board-view td{padding:5px 0;line-height:150%;}
.board.skin01 .board-view td.title{clear:both;border-width:1px 0;border-style:solid;border-color:#d9d9d9;background-color:#f9f9f9;}
.board.skin01 .board-view td.author{padding:5px; clear:both;border-width:1px 0;border-style:solid;border-color:#d9d9d9;}
.board.skin01 .board-view td.content{height:100px;vertical-align:top;border-bottom:1px solid #d9d9d9;word-break:break-all;}
.board.skin01 .board-view td.subtitle{background:#f3f3f3;}
.board.skin01 .board-view span.title{padding:5px; text-align:left;color:#0958A5;font-weight:bold;}
.board.skin01 .board-view span.ip{padding:5px; text-align:right;}
.board.skin01 .board-button{padding:5px 0;text-align:center;}

ul, li {list-style:none; margin:0px; padding:0px}

/* 리스트 검색부분 */
#board-list-search {margin:30px 0px 5px 0px; overflow:hidden; line-height:22px; font-size:12px}
#board-list-search li{float:left}
#board-list-search select{margin-right:8px}
#board-list-search .board-list-total {font-size:11px;}
#board-list-search .board-list-total span{color:#ff6600}
#board-list-search .board-list-search {float:right}
#board-list-search .board-list-search input{border:1px solid #ccc; height:18px}

/* 리스트 테이블 */
.board-wrapper {min-height:300px; overflow:hidden; vertical-align: top; margin: 0 auto}


/* faq 탭 메뉴 */
#faqtabmenu-box { display:block; }
#faq-tabmenu ul {display:block; height:34px; }
#faq-tabmenu li { display:inline-block; color:#666; line-height:34px; margin-right:-1px}
#faq-tabmenu li:hover { color:#333; }
#faq-tabmenu a { display:block; padding:0 20px; color:#666; text-align:center; border:1px solid #ccc; border-bottom:none;}
#faq-tabmenu #tabOn a { color:#000; font-weight:bold; text-align:center; border:2px solid #333; border-bottom:2px solid #fff; }
#faq-tabmenu ul:after { clear:both; content:''; }
#faq-pview {border-top:2px solid #333; padding:6px; margin-top:-2px; overflow:hidden}

/* faqaccordian */
.loading {display:none}
.faqaccordion li {overflow:hidden;}
.faqaccordion li h3 {font-weight: normal; font-size:13px}
.faqaccordion li .panel {position:relative; background: #f6f6f6; line-height:22px; margin-top:18px; border:1px solid #e1e1e1; padding:20px 0 0 20px; border-radius: 5px;	margin: 0 2% 2% 2%; min-width:700; max-width:99%; word-break:break-all}
.faqaccordion li .mark {position:absolute;	top:-12px; left:30px; display:block;width:42px;	height:12px;	background:url(/basic/board/faq/skin01/images/faq_arrow.png) 0 0 no-repeat;}

/* 리스트 관리자 권한 */
#board-list-admin {margin:15px 0px; overflow:hidden;  text-align:center}

/* 리스트 글쓰기 버튼 출력 */
#board-list-btn {text-align:right; margin:4px 0px; overflow:hidden}

/* 비밀 게시물 비밀번호 입력란 */
#board-secret {font-size:12px; text-align:center; overflow:hidden; width:350px; border:1px solid #ccc; line-height:22px; margin:20px auto; padding:20px}

/* 글 보기 */
.board-view-th {text-align:left; border-top:1px solid #ccc; border-bottom:2px solid #333; line-height:36px; font-weight:bold; margin-bottom:8px}
.board-view-infor {text-align:left; font-size:11px; margin-bottom:10px; overflow:hidden}
.board-view-infor li{float:left}
.board-view-file {text-align:left; font-size:11px; margin:10px 0px; padding:6px 0px; border:1px dotted #ccc; border-left:none; border-right:none; overflow:hidden}
.board-view-file2 {text-align:left; font-size:11px; margin:10px 0px; padding:6px 0px; border:1px dotted #ccc; border-left:none; border-right:none; overflow:hidden}
.board-view-content {overflow:hidden; vertical-align:top; line-height:22px; text-align: left; min-height:180px; padding:30px 10px; border-bottom:2px solid #333}
.board-view-content img{margin-bottom:8px; display:block}
.board-view-reply-box {border-top: 1px solid #ccc; margin-top:30px; text-align:left; padding:4px}
.board-view-reply {border-top: 1px solid #ccc; margin-top:30px; text-align:center; background:#e9e9e9; padding:4px}
.board-view-reply textarea{display:block; border: 1px solid #333; width:98%; resize:none; padding:10px; line-height:22px; height:220px; margin-bottom:4px}

/* 글  작성-수정 */
.board-add-th {text-align:left; border-top:1px solid #ccc; border-bottom:2px solid #333; line-height:36px; font-weight:bold; margin-bottom:8px}
.board-add-infor {text-align:left; font-size:12px; margin-bottom:10px; overflow:hidden}
.board-add-infor li{padding:6px 0px; border-bottom:1px dotted #ccc}
.board-add-infor li label{display:inline-block; width:98px;  white-space:nowrap;}
.board-add-infor li textarea{display:block; width:96%; height:250px; padding:10px; line-height:22px;}

/*  다음/이전 글 */
.board-bview-box { border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.board-bview-box div{ padding:6px; border-bottom:1px dotted #ccc}

/* 댓글 출력 부분 */
#board-view-comment {margin:30px 0px; overflow:hidden}
#board-view-comment .board-comment-form {border-bottom:1px solid #ccc; padding-bottom:8px}
#board-view-comment .board-comment-form textarea{width:97%; resize:none; padding:8px; margin-bottom:4px; height:45px}
#board-view-comment .board-comment-list {overflow:hidden; margin:30px 0px;}
#board-view-comment .board-comment-list ul{display:block; border:none; border-bottom:1px dotted #ccc; padding:10px 0px}
#board-view-comment .board-comment-name {white-space:nowrap; font-size:11px; vertical-align:top; position:relative}
#board-view-comment .board-comment-body {display:block; padding:10px; line-height:22px}

.board-comment-count {float:right; font-size:11px; color:#ff634d; vertical-align:middle; position:absolute; right:0px; top:4px}
.board-comment-count em{display:inline-block; width:50px; height:8px; border:1px solid #ff634d; overflow:hidden; margin:0px 4px}
.board-comment-count em strong{display:inline-block; background:#ff9788}

#blist-view-on {background:#eeeeee}