/* wrap */
.bbs-wrap { width:100%; }

/* list */
.table-list { border-collapse:collapse; border-top:0px solid #666; background-color:none; border-spacing:0; margin:0 auto;}
.table-list .tr-head > th {height:38px; border-bottom:1px solid #bbbbbb !important; background-color:#f9f9f9; background: linear-gradient(#ffffff, #eeeeee); }
.table-list .title_td { background-color:none; }
.table-list .tr-body > th { height:32px; border-bottom:1px solid #bbbbbb !important; }
.table-list .tr-body > td { height:32px; border-bottom:1px solid #bbbbbb !important; }
.table-list .tr-body:hover > td { background:#f3f3e0; }
.table-list .tr-body-hover > td { background:#f3f3e0; }

div.td-div-1 { display:block; width:100%; position:relative; }
span.list-span-no { display:inline-block; font-size:11px; border-radius:2px; background:#999; color:#ffffff; padding:2px; vertical-align:middle; }
span.list-span-subject { display:inline-block; width:calc(100% - 35px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
div.td-div-2 { display:block; width:100%; text-align:right; }
div.td-div-2 * { color:#888; }
span.list-span-name { display:inline-block; margin-right:10px; font-size:12px; }
span.list-span-date { display:inline-block; margin-right:10px; font-size:12px; }
span.list-span-hit { display:inline-block; margin-right:10px; font-size:12px; }
span.span_comment { display:inline-block; font-size:11px; border-radius:2px; background:#9bc; color:#ffffff; padding:1px 2px; }

/* list : gallery */
div#div-gallery-wrap { display:block; clear:both; }
div#div-gallery-wrap:after { display:block; clear:both; content:''; height:10px; }
div.div-gallery-item { float:left; margin-bottom:10px; border:1px solid #e5e5e5; width:210px;  margin:10px}
div.div-gallery-item:hover { border:1px solid #8acbfb; }
div.div-item-img { width:210px; height:160px; }
div.div-item-subject { margin:5px; height:18px; }
div.div-item-delete { margin:5px; height:18px; }




/* write, modify, reply */
.table-write { border-collapse:collapse; border-top:0px solid #666; background-color:none; border-spacing:0; margin:0 auto;}
.table-write .th-head,
.table-write .td-head { font-weight:600; background-color:#f6f6f6; height:28px; border-bottom:1px solid #cdcdcd;}
.table-write .td-body { border-bottom:1px solid #cdcdcd; height:28px; }
.table-write input[type='file'] { margin:2px 0; font-size:12px; }
/* file upload form */
span.span-filesize-string { font-size:12px; color:#444499; }
div.div-file-wrap { margin:4px 0 4px 2px; }
div.div-file-wrap > input.file-name { background:#eeeeee; border:1px solid #dddddd; border-radius:2px; width:300px; height:12px; line-height:12px; font-size:12px; }
div.div-file-wrap > label.label-button { display: inline-block; padding:2px 5px; color:#222222; font-size:12px; line-height:12px; vertical-align:middle; background-color:#eeeeee; cursor:pointer; border:1px solid #aaaaaa; border-radius:2px; }
div.div-file-wrap > label.label-button.hidden { display:none; }
div.div-file-wrap > label.label-button-disabled { display: inline-block; padding:2px 5px; color:#888888; font-size:12px; line-height:12px; vertical-align:middle; background-color:#eeeeee; cursor:default; border:1px solid #aaaaaa; border-radius:2px; }
div.div-file-wrap > label.label-button-disabled.hidden { display:none; }
div.div-file-wrap > input[type='file'] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
div.div-file-wrap > label.label-delete { font-size:12px; }
div.div-file-wrap > input[type="checkbox"] { position:relative; font-size:12px; vertical-align:middle; }
div.div-file-wrap > span.file-link { font-size:12px; }
div.div-file-wrap > span.file-link > a { font-size:12px; }



/* read */
.table-read { border-collapse:collapse; border-top:0px solid #666; background-color:none; border-spacing:0; margin:0 auto;}
.table-read .tr-head > th { height:38px; padding:0 0 0 10px; border-bottom:1px solid #bbbbbb !important; background-color:#f9f9f9; background: linear-gradient(#ffffff, #eeeeee); }
.table-read .tr-body > td { border-bottom:1px solid #bbbbbb !important; }
span.read-member-info { display:inline-block; margin:0 5px 0 0; font-size:12px; font-weight:normal; }
span.read-member-info:after { content:' | '; padding:0 0 0 5px; }
span.read-member-info:last-child:after { content:''; }

div.bbs-file-view { width:100%; text-align:center; margin:10px 0; }
div.bbs-file-view img { max-width:100%; }

div.bbs-info-view { line-height:1.2; margin:5px 0; }
div.bbs-info-view:last-child { margin-bottom:20px; }
div.bbs-read-body { margin:20px 0 20px 0; }


/* alignment */
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }

/* empty but pad */
.pad { padding:0 20px; }

/* page & navi-button */
.bbs-page { margin:5px auto;}
.bbs-navi { text-align:right; margin:10px auto 30px;}



/* comment */
.bbs-comment { margin:10px auto; }
.bbs-comment-item { display:block; margin:2px auto; }
.bbs-comment-item>.bbs-comment-item-head { display:block; width:auto; height:32px; padding:0px; margin-bottom:0px; border:1px solid #d3d3d3; background:#eee; background:-moz-linear-gradient(top,white 0,#eaeaea 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#eaeaea)); background:-webkit-linear-gradient(top,white 0,#eaeaea 100%); background:-o-linear-gradient(top,white 0,#eaeaea 100%); background:-ms-linear-gradient(top,white 0,#eaeaea 100%); background:linear-gradient(to bottom,white 0,#eaeaea 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='white',endColorstr='#eaeaea',GradientType=0) }
.bbs-comment-item>.bbs-comment-item-head span { display:inline-block;vertical-align:middle;margin:auto 0;padding:5px 5px; font-size:11px; }
.bbs-comment-item>.bbs-comment-item-body { display:block;width:auto; padding:0px; margin-bottom:0px; border:1px solid #d3d3d3; border-top:0px; background:#fbfbfb; }
.bbs-comment-item>.bbs-comment-item-body div { padding:5px; font-size:12px; }

.bbs-comment-write { display:block; margin:0px auto; width:100%; }
.bbs-comment-write-box { display:block; border:1px solid #e0e0e0; background:#f6f6f6; padding:10px;}
/* comment write */
div.bbs-comment-write-name {  }
div.bbs-comment-write-name::after { display:block; clear:both; content:''; }
div.bbs-comment-write-textarea {  }
div.bbs-comment-write-textarea-1 { display:block; float:left; width:calc(100% - 70px); }
div.bbs-comment-write-textarea-2 { display:block; float:left; width:64px; margin-left:5px; vertical-align:bottom; }
div.bbs-comment-write-textarea::after { display:block; clear:both; content:''; }

textarea#c_text { width:100%; height:60px; font-size:12px; }
input#c_submit { width:60px; height:60px; font-size:12px; border-radius:5px; border:1px solid #555; }

.list_comment { color:#444444; }
.write_comment { color:#444444;}
.span_comment { color:tomato; }


/* list : hit */
.hit_level1 { font-weight:600; }
.hit_level2 { font-weight:600; color:#6666ff; }
.hit_level3 { font-weight:600; color:#ff6666; }

img.img_button { cursor:pointer; }

/* font */
.dotum-11px { font-size:11px; font-family:Dotum,Gulim; }


/* SmartEditor2 : image-upload-buton */
#smart_editor2 .se2_text_tool ul.se2_multy { display:none; }