.bbs_wrap {margin:10px 0;}
.bbs_wrap form {margin:0; padding:0;}
.bbs_wrap img {border:0;}
.bbs_wrap .break {margin-top:20px;}
.bbs_wrap .btn,
.bbs_wrap .btn_s {display:inline-block; overflow:visible; height:30px; padding:0 12px; border:0; border-radius:3px; background:#666; color:#FFF; font-weight:normal; font-family:'³ª´®°íµñ','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; font-size:14px; line-height:30px; vertical-align:middle; cursor:pointer; white-space:nowrap; -webkit-appearance:none;}
.bbs_wrap .btn:hover,
.bbs_wrap .btn_s:hover {color:#FFF; text-decoration:none;}
.bbs_wrap .btn_s {height:24px; padding:0 10px; font-size:13px; line-height:24px;}
.bbs_func {text-align:right;}
.bbs_func img {margin-bottom:10px; vertical-align:middle;}
.bbs_help {width:350px; padding:8px 12px; border:1px solid #777; border-radius:5px; background:#FFC; box-shadow:0 0 8px rgba(0,0,0,0.2); color:#333;}
.bbs_capt {display:none;}
.bbs_total {white-space:nowrap;}

.bbs_top,
.bbs_btm {overflow:hidden; width:100%; margin:10px 0;}
.bbs_top .area_l {float:left; text-align:left;}
.bbs_top .area_r {float:right; text-align:right;}
.bbs_btm .area_l {float:left; width:20%; height:30px; text-align:left;}
.bbs_btm .area_c {float:left; width:60%; text-align:center;}
.bbs_btm .area_r {float:right; height:30px; text-align:right;}
.bbs_top select, .bbs_top input, .bbs_top img,
.bbs_btm select, .bbs_btm input, .bbs_btm img {margin:0; vertical-align:middle;}
.bbs_btm2 {margin-top:20px; padding-top:10px; border-top:1px solid #DDD;}

.bbs_admin {display:block; overflow:hidden; width:100%; margin:10px 0; padding:0; border:0;}
.bbs_admin legend {position:absolute; overflow:hidden; width:1px; height:1px;}
.bbs_admin button,
.bbs_admin select {float:left; margin:0 5px 0 0;}
.bbs_admin select {width:180px;}
.bbs_admin .delete,
.bbs_admin .copy,
.bbs_admin .move {overflow:hidden; position:relative; width:35px; height:17px; padding:0; border:0; background:#EEE; line-height:17px; cursor:pointer;}
.bbs_admin .delete span,
.bbs_admin .copy span,
.bbs_admin .move span {position:absolute; top:0; left:0; width:35px; height:17px; background-repeat:no-repeat;}
.bbs_admin .delete span {background-image:url(image/admin_delete.gif);}
.bbs_admin .copy span {background-image:url(image/admin_copy.gif);}
.bbs_admin .move span {background-image:url(image/admin_move.gif);}
.bbs_admin .delete_on span {background-image:url(image/admin_delete_on.gif);}
.bbs_admin .copy_on span {background-image:url(image/admin_copy_on.gif);}
.bbs_admin .move_on span {background-image:url(image/admin_move_on.gif);}
.bbs_admin .exec {overflow:hidden; position:relative; width:60px; height:20px; padding:0; border:0; background:#EEE; line-height:20px; cursor:pointer;}
.bbs_admin .exec span {position:absolute; top:0; left:0; width:60px; height:20px; background:url(image/bt_execute.gif) no-repeat;}

.bbs_cate {float:left; margin:0; padding:0; border:0;}
.bbs_cate legend {position:absolute; overflow:hidden; width:1px; height:1px;}

.bbs_srch {display:block; margin:20px 0 10px; padding:1em 0; border:0; background:#F3F3F3; text-align:center;}
.bbs_srch legend {position:absolute; overflow:hidden; width:1px; height:1px;}
.bbs_srch input,
.bbs_srch select {margin:0; vertical-align:middle;}
.bbs_srch .kword {width:30%; min-width:150px; max-width:300px;}

.bbs_pass {width:180px; margin:0; padding:10px 0; border:2px solid #777; border-radius:8px; background:#F6F6F6; box-shadow:0 0 8px rgba(0,0,0,0.2); text-align:center;}
.bbs_pass fieldset {display:block; margin:0; padding:0; border:0;}
.bbs_pass legend {position:absolute; overflow:hidden; width:1px; height:1px;}
.bbs_pass p {width:150px; margin:0 auto; padding:0 0 4px; text-align:left;}
.bbs_pass input {margin:0; vertical-align:middle;}
.bbs_pass .passwd {width:70px;}
.bbs_pass .ok,
.bbs_pass .cancel {overflow:visible; padding:0 4px; border:1px solid #999; border-radius:3px; background:#FFF; font-size:12px; line-height:20px; cursor:pointer;}

.bbs_recomm {float:right; clear:both; margin:5px 0; padding:10px 20px; border-radius:8px; background:#EEE; text-align:center;}
.bbs_recomm fieldset {display:block; width:270px; margin:0 0 8px; padding:0 0 8px; border:0; border-bottom:1px dashed #999;}
.bbs_recomm legend {position:absolute; overflow:hidden; width:1px; height:1px;}
.bbs_recomm input,
.bbs_recomm select {margin:0; vertical-align:middle;}

.bbs_prevnext {margin:0; padding:0; border-top:1px solid #DDD; list-style:none;}
.bbs_prevnext li {margin:0; padding:0.3em 0; border-bottom:1px solid #DDD;}
.bbs_prevnext strong {display:inline-block; padding:0.3em 10px 0.3em 0; vertical-align:middle;}
.bbs_prevnext strong img {vertical-align:middle;}

.bbs_list input,
.bbs_list img,
.bbs_view img,
.bbs_edit img {vertical-align:middle;}

.bbs_list {width:100%; border:0; border-top:3px solid #888;}
.bbs_list th,
.bbs_list td {padding:0.5em 0; border:0; border-bottom:1px solid #DDD; font-weight:normal; text-align:center;}
.bbs_list th {background:#F6F6F6;}
.bbs_list td.tit {text-align:left;}
.bbs_list td.cat,
.bbs_list td.stt {white-space:nowrap;}

.bbs_view {width:100%; border:0; border-top:3px solid #888; table-layout:fixed;}
.bbs_view .bbs_th,
.bbs_view .bbs_td {padding:5px 0; border:0; border-bottom:1px solid #DDD; font-weight:normal;}
.bbs_view .bbs_th {text-align:center;}
.bbs_view .bbs_td {text-align:left;}
.bbs_view .bbs_th_bg {background:#F6F6F6;}
.bbs_view .none {overflow:hidden; padding:0; border:0; line-height:0; text-align:left; text-indent:-999px;}
.bbs_view .bbs_tit {overflow:hidden; width:100%;}
.bbs_view .bbs_tit .h {float:left;}
.bbs_view .bbs_tit .btns {float:right; padding-right:5px;}
.bbs_view .stt {font-style:normal; color:#069;}
.bbs_view .ip {font-family:Tahoma,Sans-serif; font-size:11px; color:#999;}
.bbs_view .sl {color:#999;}
.bbs_view .func {padding:5px; text-align:right;}
.bbs_view .func button {overflow:visible; margin:0; padding:0; border:0; background:none; cursor:pointer;}
.bbs_view .bbs_td.note {min-height:150px; border:0; vertical-align:top;}

.bbs_edit {display:block; margin:0; padding:0; border:0;}
.bbs_edit legend {position:absolute; overflow:hidden; width:1px; height:1px;}
.bbs_edit .bbs_tbl {width:100%; border:0; border-top:3px solid #888; table-layout:fixed;}
.bbs_edit .bbs_th,
.bbs_edit .bbs_td {padding:8px; border:0; border-bottom:1px solid #DDD; font-weight:normal;}
.bbs_edit .bbs_th {text-align:center; background:#F6F6F6;}
.bbs_edit .bbs_td {text-align:left;}
.bbs_edit ul {margin:0; padding:0; list-style:none;}
.bbs_edit li {margin:0; padding:0;}
.bbs_edit button,
.bbs_edit select,
.bbs_edit input,
.bbs_edit textarea {margin:0; vertical-align:middle;}
.bbs_edit .none {overflow:hidden; padding:0; border:0; line-height:0; text-align:left; text-indent:-999px;}
.bbs_edit .help,
.bbs_edit .color,
.bbs_edit .calendar {display:inline-block; overflow:hidden; width:18px; height:18px; margin-left:4px; padding:0; border:0; text-align:left; text-indent:-999px; cursor:pointer;}
.bbs_edit .help {width:16px; height:16px; background:url(image/refer.gif) no-repeat;}
.bbs_edit .color {border:1px solid #000; background:#000;}
.bbs_edit .calendar {background:url(image/calendar.gif) no-repeat 0 50%;}
.bbs_edit .filedel {margin-left:4px;}
.bbs_edit .em {color:#F00;}
.bbs_edit .br {margin-top:8px;}

.bbs_btm .paginate {font-family:'³ª´®°íµñ','Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; text-align:center;}
.bbs_btm .paginate a {display:inline-block; height:30px; padding:0 6px; line-height:30px; vertical-align:middle; white-space:nowrap;}
.bbs_btm .paginate .on {margin:0 4px; padding:0 8px; border-radius:15px; background:#36A; color:#FFF;}
.bbs_btm .paginate .on:hover {color:#FFF; text-decoration:none;}
.bbs_btm .paginate .on b {display:inline-block; min-width:14px; width:auto!important; width:14px; vertical-align:middle;}
.bbs_btm .paginate .go_first, .bbs_btm .paginate .go_prev, .bbs_btm .paginate .go_next, .bbs_btm .paginate .go_last {overflow:hidden; width:30px; padding:0; color:#333;}
.bbs_btm .paginate .go_prev {margin-right:5px;}
.bbs_btm .paginate .go_next {margin-left:5px;}
.bbs_btm .paginate .go_first:hover, .bbs_btm .paginate .go_prev:hover, .bbs_btm .paginate .go_next:hover, .bbs_btm .paginate .go_last:hover {border-radius:15px; background:#EEE; color:#333; text-decoration:none;}
.bbs_btm .paginate .go_first:before, .bbs_btm .paginate .go_prev:before, .bbs_btm .paginate .go_next:before, .bbs_btm .paginate .go_last:before {float:left; width:30px; height:30px; text-align:center;}
.bbs_btm .paginate .go_first:before {content:'\3008\3008';}
.bbs_btm .paginate .go_prev:before {content:'\3008';}
.bbs_btm .paginate .go_next:before {content:'\3009';}
.bbs_btm .paginate .go_last:before {content:'\3009\3009';}