/* -------------------------------
작업일자 : 2013.10.25
작업자    : SJH
작업내용 : 기본 스킨 제작
------------------------------- */
/* 게시판 스킨 */
/* 게시판 스킨 */
.board.skin01 { display:block;margin:0;padding:0;}
.board.skin01 .board-header { ;}
.board.skin01 .board-search { padding:3px 0;text-align:right;}
.board.skin01 .board-div { margin:0;padding:10px;border:1px solid #d9d9d9;}
.board.skin01 .board-list { margin:0;padding:0;}
.board.skin01 .board-list table { padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.board.skin01 .board-list thead th { padding:8px 1px;border-top:3px solid #d9d9d9;border-right:0px solid #d9d9d9;border-bottom:1px solid #d9d9d9;border-left:0px solid #d9d9d9;background:#f4f4f4;color:#333333;}
.board.skin01 .board-list thead th.first { border-left:0px solid #d9d9d9;}
.board.skin01 .board-list thead th.last { border-right:0px solid #d9d9d9;}
.board.skin01 .board-list thead th.dot { background:#f4f4f4}
.board.skin01 .board-list tbody tr.list-odd { background:#ffffff;}
.board.skin01 .board-list tbody tr.list-even { background:#f9f9f9;}
.board.skin01 .board-list tbody tr.list-notice { background:#e7e7e7;font-weight:bold;}
.board.skin01 .board-list tbody td.bdate { font-size:11px}
.board.skin01 .board-list tbody td { padding:10px 1px;border-top:1px solid #eee;border-right:0px solid #eee;border-bottom:1px solid #eee;border-left:0px solid #eee; color:#666}
.board.skin01 .board-list tbody td.first { border-left:0px solid #ff0000;}
.board.skin01 .board-list tbody td.last { border-right:0px solid #ff0000;}
.board.skin01 .board-list tbody td.nodata { height:150px;}

.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:#eee;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-sns { padding:1px;text-align:right;}
.board.skin01 .board-sns li { display:inline;}
.board.skin01 .board-comment { margin:0px;padding:0;}
.board.skin01 .comment-list table { width:100%;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.board.skin01 .comment-list td { padding:5px;line-height:150%;}
.board.skin01 .comment-list td.title { padding:4px 1px;border:none; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;background:#f4f4f4;color:#333333;}
.board.skin01 .comment-list td.content { height:30px;border-bottom:1px solid #d9d9d9;vertical-align:top;word-break:break-all;}
.board.skin01 .comment-type table { width:100%;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.board.skin01 .comment-type td { text-align:left;}
.board.skin01 .comment-type td.title { text-align:center;background-color:#f4f4f4;padding:5px 5px;}
.board.skin01 .comment-type tbody textarea { width:99%;height:80px;overflow:auto;}
.board.skin01 .board-button { padding:5px 0;text-align:center;}
.board.skin01 .gallery-list { margin:0;padding:0;border-top:3px solid #eee;border-bottom:1px solid #eee;}
.board.skin01 .gallery-list table { padding:0;table-layout:fixed;border-spacing:0;border-style:none;}
.board.skin01 .gallery-list table td { padding:10px 2px;border-bottom:1px solid #eee;}
.board.skin01 .gallery-list table td.first { border-left:0px solid #ff0000;}
.board.skin01 .gallery-list table td.last { border-right:0px solid #ff0000;}
.board.skin01 .gallery-list table td.nodata { height:150px;}
.board.skin01 .gallery-list table td div.layer { position:absolute;top:0px;left:0px;z-index:1;opacity:0.4;filter:alpha(opacity=40);}
.board.skin01 .board-password { margin:10px auto;padding:0;text-align:center;width:450px;}
.board.skin01 .board-password table { padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.board.skin01 .board-password tbody td { padding:10px 0;border:1px solid #d9d9d9;}
.board.skin01 .board-password tbody td.top-line { border-top:2px solid #eee;}
.board.skin01 .board-password tbody td.password { line-height:200%;text-align:center;}


ul, li {  list-style:none; margin:0px; padding:0px}
.board-button select, textarea, input {  margin:0px; padding:0px; outline:none; resize:none}
.board-button input[type=text], board-button input[type=submit] {  height:28px; line-height:28px; background:transparent}
.board-button input[type=text],input[type=file] {  border:1px solid #ccc; } 

/* Button Reset */
.board-button .fa {  padding-right:8px;}
.board-button:hover .fa {  color:#ff3500}
.board-button a, .board-button button, .board-button input {  display:-moz-inline-stack; display:inline-block; height:28px; line-height:28px; text-decoration:none !important; background:#fff; border:1px solid #ccc; border-radius:4px; white-space:nowrap; overflow:visible; }
.board-button {  margin:0px 2px; vertical-align:middle; }
.board-button a, .board-button button, .board-button input {  padding:0px 10px; cursor:pointer; vertical-align:top; box-shadow:0 1px 2px #c0c0c0;}
/* 버튼 끝 */


/* 표기 아이콘 */
.board-re-icon {  background: url(/basic/consult/board/skin01/images/re_icon.png) no-repeat left 7px; padding:10px 14px}
.board-new-icon {  background: url(/basic/consult/board/skin01/images/new_icon.png) no-repeat left center; padding:14px 18px}
.board-file-icon {  background: url(/basic/consult/board/skin01/images/file_icon.png) no-repeat center center; padding:14px 18px}
.board-img-icon {  background: url(/basic/consult/board/skin01/images/img_icon.png) no-repeat left center; padding:18px 10px}
.board-download-icon001 {  background: url(/basic/consult/board/skin01/images/download001.png) no-repeat left center; padding:18px 30px}
.board-download-icon002 {  background: url(/basic/consult/board/skin01/images/download002.png) no-repeat left center; padding:18px 10px}
.board-download-icon003 {  background: url(/basic/consult/board/skin01/images/download003.png) no-repeat left center; padding:18px 10px}
.board-subject-icon {  background: url(/basic/consult/board/skin01/images/board_title001.png) no-repeat left center; padding-left:35px; font-size:16px}
.board-edit-icon a { display:inline-block; vertical-align:middle; background: url(/basic/consult/board/skin01/images/edit_btn.png) no-repeat center top; width:23px; height:21px; text-indent:99px; overflow:hidden}
.board-del-icon a { display:inline-block; vertical-align:middle; background: url(/basic/consult/board/skin01/images/del_btn.png) no-repeat center top; width:23px; height:21px; text-indent:99px; overflow:hidden}

/* 리스트 검색부분 */
#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 {  width:750px; min-height:550px; overflow:hidden; vertical-align: top; margin: 0 auto}
#board-wrapper .board-list { width:100%; border-collapse:collapse; border-spacing:0;  font-size:12px;}
#board-wrapper .board-list th { border-top:1px solid #ccc; font-weight:bold; color:#383838; text-align:center; line-height:30px; border-bottom:2px solid #333;}
#board-wrapper .board-list tr { background:;}
#board-wrapper .board-list tr:hover { background:#f3f3f3;}
#board-wrapper .board-list td { border-collapse:collapse; border-spacing:0; padding:8px 0px; border-bottom:1px dotted #c1c1c1;}
#board-wrapper .board-list {  border-bottom:2px solid #333;}
#board-wrapper input[type=text] {  border:1px solid #ccc; outline:none}
#board-wrapper textarea {  border:1px solid #ccc;}
#board-wrapper select {  font-size:12px}

/* 리스트 검색 */

/* 리스트 정렬 및 가로사이즈 */
#blist-check {  width:25px; text-align:center}
.board-list .blist-notice {  width:25px;}
.board-list .blist-notice-title {  font-size:11px; text-align:center; color:#af0000; width:45px}
.board-list .blist-notice-subject a { text-align:left; font-weight:bold}
.board-list .blist-no {  width:50px; text-align:center; font-size:11px; white-space:nowrap}
.board-list .blist-pro-img { width:45px; text-align:center}
.board-list .blist-pro-img a img { width:30px; height:30px; border:1px solid #ededed;}
.board-list .blist-subject a { text-align:left}
.board-list .blist-file {  width:45px; text-align:center}
.board-list .blist-name {  width:65px; text-align:center; white-space:nowrap}
.board-list .blist-data {  width:95px; text-align:center; font-size:11px; white-space:nowrap}
.board-list .blist-hit {  width:55px;text-align:center; font-size:11px; white-space:nowrap}

/* 리스트 관리자 권한 */
#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:#eee}

/*게시판 제목 자동 자르기
.b-title {  display:inline-block; width:80%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.rpad5 {  float:left;}*/