/* -------------------------------
작업일자 : 2013.10.25
작업자    : SJH
작업내용 : 기본 스킨 제작
------------------------------- */
/* 게시판 스킨 */
.gallery.skin01{display:block;margin:0;padding:0;}
.gallery.skin01 .board-header{;}
.board-search { padding:6px 10px; text-align:right; border-radius:4px; border:1px solid #d1d1d1; }
.board-search .board-catebox{ float:left; text-align:left; overflow:hidden}
.board-search .board-catebox li{ float:left ; line-height:30px;}
.board-search .board-catebox li.on a{ color:#ff3500 }
.board-search .board-catebox li a{ padding-right:15px; font-size:15px;}
.gallery.skin01 .board-div{margin:0;padding:10px;border:1px solid #d9d9d9;}
.gallery.skin01 .board-list{margin:0;padding:0;}
.gallery.skin01 .board-list table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.gallery.skin01 .board-list thead th{padding:4px 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;}
.gallery.skin01 .board-list thead th.first{border-left:0px solid #d9d9d9;}
.gallery.skin01 .board-list thead th.last{border-right:0px solid #d9d9d9;}
.gallery.skin01 .board-list thead th.dot{background:#f4f4f4 url(/basic/board/gallery/skin01/images/dot.gif) left no-repeat;}
.gallery.skin01 .board-list tbody tr.list-odd{background:#ffffff;}
.gallery.skin01 .board-list tbody tr.list-even{background:#f9f9f9;}
.gallery.skin01 .board-list tbody tr.list-notice{background:#e7e7e7;font-weight:bold;}
.gallery.skin01 .board-list tbody td{padding:5px 1px;border-top:1px solid #eee;border-right:0px solid #eeeeee;border-bottom:1px solid #eeeeee;border-left:0px solid #eeeeee;}
.gallery.skin01 .board-list tbody td.first{border-left:0px solid #ff0000;}
.gallery.skin01 .board-list tbody td.last{border-right:0px solid #ff0000;}
.gallery.skin01 .board-list tbody td.nodata{height:150px;}

.gallery.skin01 .board-paging{margin:10px 0 0;}
.gallery.skin01 .board-paging table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;}
.gallery.skin01 .board-paging .paging-left{padding:0;margin:0;}
.gallery.skin01 .board-paging .paging{padding:0;margin:0;width:100%;text-align:center;}
.gallery.skin01 .board-paging .paging:before{content:'.';display:block;clear:both;visibility:hidden;height:0;}
.gallery.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}
.gallery.skin01 .board-paging .paging a:hover{background:#eeeeee;color:#666666;border:1px solid #d0d0d0;cursor:pointer;}
.gallery.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}
.gallery.skin01 .board-paging .paging-right{padding:0;margin:0;text-align:right;}

.gallery.skin01 .board-footer{padding:5px;}
.gallery.skin01 .board-write{margin:0;padding:0;}
.gallery.skin01 .board-write table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.gallery.skin01 .board-write thead th{padding:3px 4px;border:1px solid #d9d9d9;}
.gallery.skin01 .board-write tbody td{padding:3px 5px;border:1px solid #d9d9d9;line-height:180%;}
.gallery.skin01 .board-write tbody td.file{line-height:200%;}
.gallery.skin01 .board-write tbody td.subtitle{background:#f3f3f3;}
.gallery.skin01 .board-write tbody textarea{width:99%;height:80px;overflow:auto;}
.gallery.skin01 .board-view{margin:0;padding:0;}
.gallery.skin01 .board-view table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.gallery.skin01 .board-view td{padding:5px 0;line-height:150%;}
.gallery.skin01 .board-view td.title{ border-bottom:1px solid #d9d9d9; font-size:16px}
.gallery.skin01 .board-view td.author{ padding:5px; border-bottom:1px solid #d9d9d9; font-size:12px}
.gallery.skin01 .board-view td.content{ min-height:150px; padding:20px; vertical-align:top; border-bottom:1px solid #d9d9d9; word-break:break-all;}
.gallery.skin01 .board-view td.content img, .gallery.skin01 .board-view td.content a img{ max-width:100%}
.gallery.skin01 .board-view td.subtitle{background:#f3f3f3;}
.gallery.skin01 .board-view span.title{padding:5px; text-align:left;color:#0958A5;font-weight:bold;}
.gallery.skin01 .board-view span.ip{ padding:5px; text-align:right; font-size:11px}
.gallery.skin01 .board-sns{padding:4px;text-align:right; overflow:hidden}
.gallery.skin01 .board-sns li{display:inline;}
.gallery.skin01 .board-comment{margin:0px;padding:0;}
.gallery.skin01 .comment-list table{width:100%;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.gallery.skin01 .comment-list td{padding:5px;line-height:150%;}
.gallery.skin01 .comment-list td.title{padding:4px 1px;border:none; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;background:#f4f4f4;color:#333333;}
.gallery.skin01 .comment-list td.content{height:30px;border-bottom:1px solid #d9d9d9;vertical-align:top;word-break:break-all;}
.gallery.skin01 .comment-type table{width:100%;padding:0;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
.gallery.skin01 .comment-type td{text-align:left;}
.gallery.skin01 .comment-type td.title{text-align:center;background-color:#f4f4f4;padding:5px 5px;}
.gallery.skin01 .comment-type tbody textarea{width:99%;height:80px;overflow:auto;}
.gallery.skin01 .board-button{padding:5px 0;text-align:center;}
.gallery.skin01 .gallery-list{margin:0;padding:0;border-top:3px solid #eeeeee;border-bottom:1px solid #eeeeee;}
.gallery.skin01 .gallery-list table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;}
.gallery.skin01 .gallery-list table td{padding:10px 2px;border-bottom:1px solid #eeeeee;}
.gallery.skin01 .gallery-list table td.first{border-left:0px solid #ff0000;}
.gallery.skin01 .gallery-list table td.last{border-right:0px solid #ff0000;}
.gallery.skin01 .gallery-list table td.nodata{height:150px;}
.gallery.skin01 .gallery-list table td div.layer{position:absolute;top:0px;left:0px;z-index:1;opacity:0.4;filter:alpha(opacity=40);}
.gallery.skin01 .board-password{margin:10px auto;padding:0;text-align:center;width:450px;}
.gallery.skin01 .board-password table{padding:0;table-layout:fixed;border-spacing:0;border-style:none;border-collapse:collapse;}
.gallery.skin01 .board-password tbody td{padding:10px 0;border:1px solid #d9d9d9;}
.gallery.skin01 .board-password tbody td.top-line{border-top:2px solid #eeeeee;}
.gallery.skin01 .board-password tbody td.password{line-height:200%;text-align:center;}


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

/* 표기 아이콘 */
.board-re-icon {background: url(/basic/board/gallery/skin01/images/re_icon.png) no-repeat left 7px; padding:10px 14px}
.board-new-icon {background: url(/basic/board/gallery/skin01/images/new_icon.png) no-repeat left center; padding:14px 18px}
.board-file-icon {background: url(/basic/board/gallery/skin01/images/file_icon.png) no-repeat center center; padding:14px 18px}
.board-img-icon {background: url(/basic/board/gallery/skin01/images/img_icon.png) no-repeat left center; padding:18px 10px}
.board-download-icon001 {background: url(/basic/board/gallery/skin01/images/download001.png) no-repeat left center; padding:18px 30px}
.board-download-icon002 {background: url(/basic/board/gallery/skin01/images/download002.png) no-repeat left center; padding:18px 10px}
.board-download-icon003 {background: url(/basic/board/gallery/skin01/images/download003.png) no-repeat left center; padding:18px 10px}
.board-subject-icon {background: url(/basic/board/gallery/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/board/gallery/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/board/gallery/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:100%; min-height:400px; overflow:hidden; vertical-align: top; margin: 0 auto}
#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; }
#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-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; font-size:12px; border-bottom:2px solid #333}
.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}

.board-photolist-box { position:relative; border-bottom:2px solid #ccc; overflow:hidden; padding-bottom:20px}
.board-photolist {float:left; border:1px solid #ccc; margin:20px 8px 20px 0px; overflow:hidden}
.board-photolist a img {cursor:pointer; width:100%;}
.board-photolist-img {position:relative; height:170px; overflow:hidden; margin-bottom:5px;}
.board-photolist-img img{ width:100%; height:100%;}
.board-photolist-img .arrow002{position:absolute; right:3px; bottom:0px; background: url(/basic/board/gallery/skin01/images/arrow02.png) no-repeat center top; padding:0px 17px; color:#666; font-size:11px}
.board-photolist:hover {border:1px inset #333}
.board-photolist:hover a img, .board-photolist:hover a img:hover{-moz-transform:perspective(1) scale(1.05, 1.05); -webkit-transform:perspective(1) scale(1.05, 1.05); -o-transform:perspective(1) scale(1.05, 1.05); -ms-transform:perspective(1) scale(1.05, 1.05); transform:perspective(1) scale(1.05, 1.05); border:1px solid #ff4606}
.board-photolist-subject {display:block; padding:3px 2px; font-size:14px; line-height:18px; font-weight:600; height:38px; margin-bottom:5px; overflow:hidden; color:#333}
.board-photolist-name {float:left; font-size:12px; padding:0px 0 8px 5px; color:#666}
.board-photolist-data {float:right; font-size:11px; padding:0px 5px 8px 0; color:#666}