#bbs-wrap {display:inline-block;width:100%}
#bbs-wrap .bbs-header {display:inline-block;width:100%;margin-bottom:20px}
#bbs-wrap .bbs-header .bbs-title {font-size:23px;letter-spacing:-0.08em;line-height:100%}
#bbs-wrap .bbs-footer {display:inline-block;width:100%;margin-top:20px}
#bbs-wrap .point {color:#e6336e}

/* ë²„íŠ¼ */
#bbs-wrap .bbs-btn {padding:5px 12px 7px;line-height:100%;letter-spacing:-0.08em;border-radius:2px}
#bbs-wrap .basic-btn {background-color:#f4f4f4;color:#333;border:1px solid #e7e7e7}
#bbs-wrap .list-btn {background-color:#6d788e;border:1px solid #596377;color:#fff}
#bbs-wrap .write-btn {background-color:#e6336e;border:1px solid #cd265d;color:#fff}

/* ëŒ“ê¸€ */
#bbs-wrap .bbs-reply {display:inline-block;width:100%;margin:15px 0;padding:10px;background-color:#f4f4f4;border:1px solid #dfdfdf;border-radius:3px}
#bbs-wrap .layer {position:absolute;left:6px;top:5px;color:#6d788e;text-align:left;z-index:55}
#bbs-wrap .reply-info,
#bbs-wrap .reply-info li {float:left;margin-right:3px}
#bbs-wrap .reply-info .info-input {width:120px;height:30px;line-height:30px;border:1px solid #d0d0d0;padding:0 5px;border-radius:3px}
#bbs-wrap .reply-info .code {margin-left:10px}
#bbs-wrap .reply-info .code img {height:28px}
#bbs-wrap .reply-info .code .layer {top:0px;font-size:12px}
#bbs-wrap .reply-text {display:inline-block;width:100%;margin-top:5px}
#bbs-wrap .reply-text .info-input {float:left;width:515px;height:85px;overflow:auto;border:1px solid #d0d0d0;padding:10px;border-radius:3px}
#bbs-wrap .reply-text .layer {top:10px;left:10px}
#bbs-wrap .reply-text .reply-btn {float:right;display:block;overflow:hidden;width:85px;height:85px;background-color:#fff;border:1px solid #aaa;color:#333;font-size:14px;letter-spacing:-0.08em;border-radius:3px}
#bbs-wrap .reply-text .reply-btn:hover {background-color:#fbfbfb;text-decoration:underline;color:#222}

/* ëŒ“ê¸€ ë·° */
#bbs-wrap .bbs-replyview {display:inline-block;width:100%;padding:15px;margin-bottom:15px;background-color:#fbfbfb;border:1px solid #ddd;border-radius:3px}
#bbs-wrap .bbs-replyview .replyview-group,
#bbs-wrap .bbs-replyview .nick-date {float:left;width:100%}
#bbs-wrap .bbs-replyview .nick-date .text {float:left;color:#666}
#bbs-wrap .bbs-replyview .nick-date .text strong {color:#333;letter-spacing:-0.08em}
#bbs-wrap .bbs-replyview .nick-date .remove {float:right}
#bbs-wrap .bbs-replyview .nick-date .remove a {font-size:11px;color:#6d788e}
#bbs-wrap .bbs-replyview .nick-date .bar {padding:0 7px;color:#ccc;letter-spacing:-0.08em}
#bbs-wrap .bbs-replyview .comment {display:inline-block;width:100%;font-size:13px;text-align:left;padding:10px 0 0;letter-spacing:-0.05em;color:#666}
#bbs-wrap .bbs-reply-line {margin-top:15px;padding-top:15px;border-top:1px dotted #d0d0d0}

/* í¬í† ê²Œì‹œíŒ */
#bbs-wrap .bbs-photo {display:inline-block;width:100%;border-top:1px solid #aaa;border-bottom:1px solid #ddd;padding-top:15px;margin-bottom:10px}
#bbs-wrap .bbs-photo .photo-list {float:left;display:block;overflow:hidden;width:220px;height:212px;text-align:center;border:1px solid #ddd;padding:0;margin-bottom:15px;border-radius:3px}
#bbs-wrap .bbs-photo .photo-list .images {display:block;width:100%;height:147px;border-bottom:1px solid #ddd}
#bbs-wrap .bbs-photo .photo-list .text {display:inline-block;width:100%;text-align:left;background-color:#f8f8f8;font-size:14px;letter-spacing:-0.04em;padding:10px}
#bbs-wrap .bbs-photo .photo-list a:hover .text {color:#e6336e;text-decoration:underline}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ ê²Œì‹œíŒ */
#bbs-wrap .bbs-table {border-top:2px solid #6d788f;margin-bottom:15px}
#bbs-wrap .bbs-table tr:hover {background-color:#f8f8f8}
#bbs-wrap .bbs-table tr.first:hover {background:none}
#bbs-wrap .bbs-table tr.notice,
#bbs-wrap .bbs-table tr.notice:hover {background-color:#e5e8f0}
#bbs-wrap .bbs-table tr th,
#bbs-wrap .bbs-table tr td {padding:12px 10px;font-size:13px;_font-size:12px;letter-spacing:-0.05em}
#bbs-wrap .bbs-table tr th {font-size:14px;line-height:100%;border-bottom:1px solid #aaa}
#bbs-wrap .bbs-table tr td {border-bottom:1px solid #ddd}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ë·° */
#bbs-wrap .bbs-view {border-top:1px solid #555}
#bbs-wrap .bbs-view .view-title {font-size:27px;text-align:left;letter-spacing:-0.08em;padding:15px 0}
#bbs-wrap .bbs-view .view-nick,
#bbs-wrap .bbs-view .view-num {padding-bottom:15px;border-bottom:1px solid #ccc;}
#bbs-wrap .bbs-view .view-nick {font-size:14px;text-align:left;letter-spacing:-0.05em}
#bbs-wrap .bbs-view .view-num {font-size:14px}
#bbs-wrap .bbs-view .view-num .bar {color:#bbb;padding:0 5px}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ë·°(íŒŒì¼ì²¨ë¶€) */
#bbs-wrap .bbs-view .view-file {border-bottom:1px solid #6d788e;background-color:#e7eaf1;padding:12px 10px;font-size:13px;_font-size:12px;text-align:left;line-height:100%}
#bbs-wrap .bbs-view .view-file,
#bbs-wrap .bbs-view .view-file a {color:#333}
#bbs-wrap .bbs-view .view-file a:hover {color:#c00}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ë·°(ì´ë¯¸ì§€) */
#bbs-wrap .bbs-view .view-images {padding-top:20px}
#bbs-wrap .bbs-view .view-images img {display:block}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ë·°(ë³¸ë¬¸) */
#bbs-wrap .bbs-view .view-contents {text-align:justify;font-size:14px;line-height:180%;padding:20px 0;border-bottom:1px solid #ddd}
#bbs-wrap .bbs-view .view-contents p {margin:20px 0}
#bbs-wrap .bbs-view .view-ip {background-color:#f8f8f8;padding:15px 10px;border-bottom:1px solid #aaa}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ë·°(ê²€ìƒ‰) */
#bbs-wrap .bbs-search .search-input,
#bbs-wrap .bbs-search .search-chice {border:1px solid #d0d0d0;height:30px;margin-right:3px;border-radius:3px}
#bbs-wrap .bbs-search .search-input {width:150px;line-height:30px;padding:0 5px}
#bbs-wrap .bbs-search .search-btn {height:30px;padding:0 15px;background-color:#5f6467;color:#fff;border:1px solid #4d5357;letter-spacing:-0.08em;border-radius:3px}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ì‚­ì œ */
#bbs-wrap .bbs-delete {display:inline-block;width:100%;text-align:center;padding:80px 0;border-top:1px solid #aaa;border-bottom:1px solid #ddd}
#bbs-wrap .bbs-delete .info-input {width:250px;height:40px;border:1px solid #ccc;padding:0 5px;border-radius:3px}
#bbs-wrap .bbs-delete .layer {top:0px;letter-spacing:-0.08em}
#bbs-wrap .bbs-delete .delete-btn {height:40px;font-size:14px;letter-spacing:-0.08em;padding:0 15px;background-color:#e6336e;border:1px solid #cd265d;color:#fff;border-radius:3px}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ì“°ê¸° */
#bbs-wrap .write-form {width:100%;border-collapse:collapse;border:0;border-top:1px solid #aaa}
#bbs-wrap .write-form tr td {padding:12px 0;border-bottom:1px solid #e9e9e9}
#bbs-wrap .write-form .tit {width:25%;font-size:14px;letter-spacing:-0.08em;font-weight:bold}
#bbs-wrap .write-form .point {padding:0;color:#e6336e}
#bbs-wrap .write-form .write-input {width:100%;border:1px solid #ddd;padding:0 5px}
#bbs-wrap .write-form .input-half {width:50%}
#bbs-wrap .write-form select.write-input {padding:0;width:150px;height:30px;margin-right:15px}
#bbs-wrap .write-form input.write-input {height:30px}
#bbs-wrap .write-form textarea.write-input {overflow:auto;padding:10px}
#bbs-wrap .write-form .code {width:130px}

/* ê¸°ë³¸ë¦¬ìŠ¤íŠ¸ - ì“°ê¸°(ë²„íŠ¼) */
#bbs-wrap .write-buttons {display:inline-block;width:100%;text-align:center;margin:20px 0}
#bbs-wrap .write-buttons .bbs-btn {padding:8px 25px 10px;font-size:14px}
#bbs-wrap .write-buttons .write-btn {font-weight:bold}

/* ê²Œì‹œíŒê´€ë¦¬ - ë²„íŠ¼ */
#bbs-wrap .admin-bbs {display:inline-block;width:100%;margin:5px 0;text-align:right}
#bbs-wrap .admin-bbs .list-btn {padding:7px 12px 9px;margin-top:-1px}
#bbs-wrap .admin-bbs-btn {font-size:11px;line-height:100%;padding:2px 7px 4px;letter-spacing:-0.08em;border-radius:2px;color:#fff}
#bbs-wrap .admin-bbs-move {background-color:#f4f4f4;color:#333;border:1px solid #ccc}
#bbs-wrap .admin-bbs-delete {background-color:#6d788f;border:1px solid #5c667a}
#bbs-wrap .admin-bbs-modify {background-color:#d22860;border:1px solid #c3134d}

/* ê²Œì‹œíŒê´€ë¦¬ - ë©”ë‰´ë³´ì´ê¸° ë²„íŠ¼ */
#bbs-wrap .menu-set {float:right;font-size:13px;_font-size:12px;letter-spacing:-0.08em;margin-top:5px}
#bbs-wrap .menu-set .point {text-decoration:underline;cursor:pointer}

/* ê²Œì‹œíŒê´€ë¦¬ - ë©”ë‰´ì„¤ì • */
#bbs-wrap .bbs-menu {display:block;width:100%;text-align:center;}
#bbs-wrap .bbs-menu button {font-size:13px;_font-size:12px}
#bbs-wrap .bbs-menu .bbs-table .write-input {width:180px;height:35px;letter-spacing:-0.08em;border:1px solid #ddd;padding:0 5px;border-radius:3px}
#bbs-wrap .bbs-menu .bbs-table .write-select {height:35px;font-size:13px;_font-size:12px;border:1px solid #ddd;border-radius:3px}
#bbs-wrap .bbs-menu .bbs-table .write-check label {cursor:pointer}
#bbs-wrap .bbs-menu .bbs-table .write-check input[type="checkbox"] {display:none;_display:inline}
#bbs-wrap .bbs-menu .bbs-table .write-check input[type="checkbox"] + label span {display:inline-block;_display:none;width:24px;height:24px;margin:-2px 7px 0 0;vertical-align:middle;background:url(/image2006/member_design.png) 0px -100px no-repeat;cursor:pointer}
#bbs-wrap .bbs-menu .bbs-table .write-check input[type="checkbox"]:checked + label span {background:url(/image2006/member_design.png) -50px -100px no-repeat}


/* ê²Œì‹œíŒê´€ë¦¬ - ë©”ë‰´ì„¤ì •(ìˆœì„œ) */
#bbs-wrap .menu-order {position:relative}
#bbs-wrap .menu-order span.bbs-btn {padding:4px 12px 5px;font-size:12px;cursor:pointer}

#bbs-wrap .demo {position:absolute;display:none;width:300px;background-color:#fff;padding:15px;border:1px solid #aaa;left:50%;top:28px;margin-left:-150px;border-radius:3px;z-index:77}
#bbs-wrap .demo .icon {position:absolute;display:block;overflow:hidden;width:13px;height:6px;text-indent:-5000px;background:url(/image2006/member_design.png) -150px -160px no-repeat;left:50%;top:-6px;margin-left:-6.5px;z-index:55}
#bbs-wrap .demo .demo-guide {display:block;width:100%;margin-bottom:10px;font-size:12px}
#bbs-wrap .demo .demo-guide strong {text-decoration:underline}
#bbs-wrap .demo .demo-btn {display:inline-block;margin:18px auto 5px}
#bbs-wrap .demo .ui-sortable,
#bbs-wrap .demo .ui-sortable .ui-state-default {float:left;width:100%;text-align:left}
#bbs-wrap .demo .ui-sortable .ui-state-default {font-size:14px;letter-spacing:-0.08em;line-height:100%;padding:10px;border:1px solid #ddd;border-radius:3px;margin-top:3px;cursor:move}
#bbs-wrap .demo .ui-sortable .ui-state-default:hover {background-color:#f8f8fa}
#bbs-wrap .demo .ui-sortable .ui-state-default .point {margin-right:3px}
#bbs-wrap .demo .ui-sortable .ui-sortable-helper,
#bbs-wrap .demo .ui-sortable .ui-sortable-helper:hover {background-color:#6d788f;color:#fff;border:1px solid #576176}
#bbs-wrap .demo .ui-sortable .ui-sortable-helper .point,
#bbs-wrap .demo .ui-sortable .ui-sortable-helper:hover .point {color:#fff}


/* ë¦¬ìŠ¤íŠ¸ë„˜ë²„ */
.page-nav {overflow:hidden;width:615px;height:30px;margin:20px auto 0}
.page-nav .wb {font-size:0;text-align:center}
.page-nav .wb a {display:inline-block;min-width:25px;height:25px;padding:4px 4px 0 4px;margin:0;font-size:11px;color:#999;text-decoration:none;box-sizing:border-box}
.page-nav .wb .on {border-color:#c8c8cc #c8c8cc #96979f !important;color:#e7316e}
.page-nav .wb .p-pre {margin:0 10px 0 0;color:#4e515d}
.page-nav .wb .p-next {margin:0 0 0 10px;color:#4e515d}
.page-nav .wb .p-num {font-weight:bold;border-style:solid;border-width:1px;border-color: #edeeef #edeeef #d3d4d7;line-height:14px}
.pre, .next {margin:0 5px !important;padding:5px 0 0 0 !important}
.pre-btn {color:#fff !important;background:url("/image2006/new/pnum_b_arrow.png") no-repeat 8px 8px;text-indent:-30px}
.next-btn {color:#fff !important;background:url("/image2006/new/pnum_f_arrow.png") no-repeat 13px 8px;text-indent:-30px}


/* add code by goodlife78 */
@media screen and (max-width: 768px) {#bbs-wrap img {width:100%} }

.write_board, .write_board td{border:1px solid #ccc}
.write_board td{padding:5px}
