div.boardContainer {margin: 0 0 10px 0; padding:16px 0 0 0; background: url(../images/board_box.gif) no-repeat center top; width:631px;} /* 게시판 박스 */ div.boardContents {background: url(../images/board_box.gif) no-repeat center bottom; width:631px; padding: 0 0 16px 0; } /* 폼 */ table.form-container {width:600px; margin:10px auto; table-layout: fixed; border-collapse: collapse;} table.form-container th, table.form-container td {border:1px solid #ccc; padding:3px;} table.form-container th {background: #eee; font-weight:normal;} table.form-container td input, table.form-container td textarea {border: 1px solid #ccc;} table.form-container td input.text {width:99%; } table.form-container td input.date {width:38%;} table.form-container td input.photo-text {width: 70%;} .attach-photo {width:500px; table-layout:fixed; border-collapse: collapse; margin: 4px auto; } .attach-photo td {padding:4px; border:1px solid #ccc;} .attach-photo td.attach-photo-info { background:#eee; } .attach-photo-photo {text-align:center; line-height:150%;} .attach-photo-photo img {display:block: margin: 0 0 4px 0;} .attach-add-photo {text-align: center; padding:8px;} /* 게시판 전체 테이블 */ table.board-table {width:600px; table-layout:fixed; border-collapse: collapse; margin: 10px auto;} table.board-table th, table.board-table td {padding:4px; text-align:center;} table.board-table th {background: url(../images/text_line.gif) no-repeat right center; color:#666;} table.board-table th.last {background:none;} table.board-table td.sep {background: url(../images/line.gif) no-repeat center center; height:6px;} table.board-table td.left {text-align:left;} table.board-table td.sepline {background: url(../images/line2.gif) no-repeat center center; height:3px;} table.board-table td.subject {text-align:left;} /* 게시물 목록 */ table#articleList tbody td {padding:6px 4px;} table#articleList tbody tr {cursor:pointer;} table#articleList tbody tr.over,table#articleList tbody tr.selected {background-color: #ff7a23;} table#articleList tbody tr.over td,table#articleList tbody tr.selected td {color: white;} span.list-comment-count {font-size:11px; } div#listContainer {border:2px solid #cfcfcf; width:630px; padding:10px 20px; border-left:none; border-right:none; } div.photoContainer {width:110px; margin: 10px 5px;float:left;} div.photoContainer span {display:block; margin:2px 0;} div.photoContainer span.no {font-size:11px;} div.photoContainer span.photo {border:2px solid #eee; padding:1px; text-align:center;} div.photoContainer span.photo-over {border-color:#FF6600;} div.photoContainer span.subject a {color:#666;} div.photoContainer span.subject a:hover {color:#FF6600;} div.photoContainer span.date {font-size:11px;} div.photoContainer span.info {border: 1px solid #ccc; border-left:none; border-right:none; padding:2px 0;} div.photoContainer span.info span {float:left; font-size:11px; width:30px; padding:2px 0 0 20px;} div.photoContainer span.info span.photo-count {background: url(../images/list_icon1.gif) no-repeat left center;} div.photoContainer span.info span.comment-count {background: url(../images/list_icon2.gif) no-repeat left center;} .photo-tooltip {border:1px solid #CC9900; background:#FFFFCC; padding:5px;} /* 게시물 보기 */ table#articleView td.sepline {height:10px;} table#articleView td.subject {font-weight: bold; color:#F15A22;} div.view-contents {padding:0 15px 5px 15px; line-height:150%; text-align:justify;} div#photoViewContainer {position:relative;width:631px; background:url(../images/box_bg.gif) no-repeat left top; padding:25px 0 0 0; } div#thePhotoDesc {position:absolute; top:446px; left:22px; background:black; color:white; font-size:12px; padding:8px 5px 2px 5px; width:590px; height:20px; overflow:hidden;} span#thePhotoDescOriginal a {color:white;} span#thePhotoDescOriginal a:hover {color:#FF9900;} div#photoView {width:631px; background:url(../images/box_btm.gif) no-repeat left bottom; padding: 0 0 10px 0;} div#photoView img#thePhoto {display:block; width:600px; margin: 0 0 10px 21px; border:1px solid #ccc;} table#albumInfo {margin: 8px 0 0 12px; table-layout:fixed; width:600px; border-collapse: collapse;} table#albumInfo td {text-align:center; padding:4px;} table#albumInfo td.album-cover { padding:0;} table#albumInfo td.album-cover img {border:1px solid #ccc;} table#albumInfo td.subject {font-weight:bold; color:#FF6600; text-align:left;} table#albumInfo td.date {font-size:11px; text-align:left;} table#albumInfo td.content {text-align: justify; padding:3px 10px;} div#photoListInfo {width:600px; margin: 10px 0 0 10px; } #photoListContainer {border:1px solid #EFEFEF; width:620px; margin:0 0 0 10px; height: 90px;} #photoListInnerContainer {width:600px; height:60px; overflow:hidden; margin: 5px 0 0 8px;} table#photoListTable td.a-photo {padding: 0 4px 0 0; width:80px; height:60px; } table#photoListTable td.a-photo img.a-photo-img {cursor:pointer; background:#ccc;} div#photoSlider {position:relative; clear:both; overflow:hidden; width:597px; height:9px; margin:5px 0 0 10px; background: #eee; cursor:pointer;} div#photoSlider span {display:block; position:absolute; left:0; top:0; height:9px; cursor:pointer;} div#photoSlider span#photoSlider-left { background:url(../images/scroll.gif) no-repeat 0 0; width:9px; } div#photoSlider span#photoSlider-right {left:588px; background:url(../images/scroll.gif) no-repeat -9px 0; width:9px; } div#photoSlider span#photoSlider-slider { left:9px; width:579px; background: #eee; } div#photoSlider span#photoSlider-handle {position:static; width:10px; background:#FF9900; } #listInfo {float:right; padding-right:0;} #listInfoRange {font-weight: bold; font-size:12px;} #listInfoTotal {font-weight: bold; color: #FF9900; } /* 댓글 작성 */ #commentContainer {width:600px; margin:10px auto; } #commentWriteContainer {border: 1px solid #ccc; border-left:none; border-right:none; background: #F4F4F4;} #commentWriteDesc {background: url(../images/comment_tit.gif) no-repeat 10px 8px; height:25px;} #commentWriteTableInfo {table-layout:fixed; margin:2px 0 0 5px; border-collapse: separate; empty-cells:show;} #commentWriteTableInfo td input.text {border:none; width:100%; height:18px; border:1px solid #ccc; background: #f4f4f4;} #commentWriteTableInfo td {padding: 0 4px;} #commentWriteTable {table-layout:fixed; margin:8px 0 10px 5px; border-collapse: separate; empty-cells:show;} #commentWriteTable td {padding: 0 3px; height:30px; } #commentWriteTable td.input-container {border:1px solid #ccc; background-color:white;} #commentWriteTable td.text {border:1px solid #ccc; background-color:white;} #commentWriteTable td textarea {width:100%; border:none;} #commetIconButton {width:40px; height:30px; padding:0;} #emoticonContainer {width:38px; height:28px; background:url(../images/icon_arrow.gif) no-repeat 30px center; cursor:pointer; padding:2px 0 0 2px;} #emoticonListContainer {position:absolute; width:350px; height:70px; overflow:hidden;border:1px solid #b5b5b5; border-top:0 none; border-left:0 none; display:none;background:white;} #emoticonListContainer span {display:block; width:26px; height:26px; border:1px solid #b5b5b5; border-right:0 none; border-bottom:0 none; background:white; padding:4px; float:left; cursor:pointer;} #emoticonListContainer span img {width:26px; height:26px; } /* 댓글 작성자 기능 상자 */ #commentWriterFunctionBox {width:130px; height:110px; border:1px solid #ccc; background:white; position:absolute; display:none;} #commentWriterName {font-weight:bold; color:#666; text-align:center; margin: 5px 0 0 0;} #commentWriterFunctionList {margin:3px 10px 10px 10px; list-style:none;} #commentWriterFunctionList li {margin:5px 0; border-bottom:1px dotted #ccc; padding:5px;} #commentWriterFunctionList li a {display:block; background: url() no-repeat left -2px; color:#666; padding-left:20px;} #commentWriterFunctionList li a:hover {color:#FF6600;} #commentWriterFunctionList li#commentWriterFunctionModify a {background-image: url(/resource/icons/comment_edit.gif);} #commentWriterFunctionList li#commentWriterFunctionDelete a {background-image: url(/resource/icons/comment_delete.gif);} #commentWriterFunctionList li#commentWriterFunctionEmail a {background-image: url(/resource/icons/email.gif);} #commentWriterFunctionList li#commentWriterFunctionClose a {background-image: url(/resource/icons/del.gif);} #commentDeleteFormContainer {border:1px solid #ccc; border-left:none; background:#f4f4f4; width:300px; position:absolute; display:none;} #tableCommentDelete {table-layout:fixed; border-collapse: collapse;} #tableCommentDelete th,#tableCommentDelete td {border-left:1px solid #ccc; text-align:center;} #tableCommentDelete td a {top:5px;} #tableCommentDelete th {font-weight:normal;} #formCommentDelete-pass {border:none; background:#f4f4f4;} /* 댓글 목록 */ #commentsListContainer {margin:10px 0 0 0;} table#commentsList {table-layout:fixed; border-collapse: collapse;} table#commentsList td {text-align:center; padding:4px;} table#commentsList td.left {text-align:left;} table#commentsList td.right {text-align:right;} table#commentsList td.bold {font-weight:bold;} table#commentsList td.sep {background: url(../images/line.gif) no-repeat center center; height:6px;} table#commentsList td.sepline {background: url(../images/line2.gif) no-repeat center center; height:3px;} a.comment-writer {color: #666; font-weight:bold;} a:hover.comment-writer {color:#FF6600;} /* 버튼들 */ div#boardButtons {margin:10px 0 0 0; text-align:center; padding-right:25px; } div.article-view-buttons {width:570px; margin:15px auto 0 auto; height:25px; border-top:1px solid #eee; padding-top:10px;} div.article-view-buttons span.buttons {display:block; width:250px; float:left;} span#commentButtons {display:block; width:180px; background: url(../images/reply_down.gif) no-repeat 0 4px; height:20px; float:right; padding:5px 0 0 22px; cursor:pointer;} /* 페이징 */ div#boardPaging {margin: 5px 0 0 0;text-align: center;} div#boardPaging strong {color:#FF7A23;} div#boardPaging a {color: #999;} div#boardPaging a:hover {color:#FF7A23;}