@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {font-family:NanumGothicBold; src:url(../fonts/NanumGothicBold.woff); }
@font-face {font-family:NanumGothicBold; src:url(../fonts/NanumGothicBold.eot); }

/* list */
#list_page{position:absolute;float:left;}
.list_page_left{position:relative;padding-top:180px;float:left}
.list_page_right{position:relative;padding-top:180px;float:right}
.page_selected{padding-left:5px;padding-right:5px;color:#6cb2cc;text-decoration:underline;font-weight:bold;font-size:12px;}
.page_select{padding-left:5px;padding-right:5px;color:#333333;font-weight:bold;font-size:12px;}

#bbslist {margin:auto;font-family: Nanum Gothic, sans-serif;width:752px;height:64px;margin-top:20px;padding:10px 0 0 0;}

#bbslist .ttline {}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {height:28px;font-size:11px;font-family: Nanum Gothic, sans-serif;font-weight:normal;color:#787878;}
#bbslist thead .side1 {border-left:#D2D2D2 solid 1px;}
#bbslist thead .side2 {border-right:#D2D2D2 solid 1px;}
#bbslist tbody .noticetr td {background:url('');background:#FAFAFA;border-bottom:#EBEBEB solid 1px;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {text-align:center;color:#888888;font-family: Nanum Gothic, sans-serif;font-size:10px;letter-spacing:-1px;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .cat {font-size:12px;font-family: Nanum Gothic, sans-serif;color:#888;letter-spacing:-1px;}
#bbslist .sbj {text-align:left;padding:5px 0 3px 10px;letter-spacing:0px;}
#bbslist .sbj .imgpos {margin-bottom:-1px;}
#bbslist .sbj a {font-size:12px;font-family: Nanum Gothic, sans-serif;color:#222222;text-decoration:none;line-height:150%;}
#bbslist .sbj a:hover {text-decoration:underline;}
#bbslist .sbj .new {color:#ff0000;}
#bbslist .sbj .comment {font:normal 11px arial;color:#FC6138;}
#bbslist .name {color:#222222;font-family: Nanum Gothic, sans-serif;font-size:12px;color:#888;}
#bbslist .name a {color:#888;}
#bbslist .hit {font-size:10px;color:#515190;}
#bbslist .none {float:left;margin-left:200px;text-align:center;padding:20px 0 20px 0;border-bottom:#dfdfdf solid 1px;}

#bbslist .btnbox1 {float:left;width:130px;}
#bbslist .btnbox2 {float:right;width:130px;text-align:right;}
#bbslist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:-20px 0 0 0;}
#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform select {font-size:12px;font-family:gulim;height:20px;vertical-align:bottom;padding:2px;}
#bbslist .gallery {float:left;}
#bbslist .gallery .picbox {float:left;}
#bbslist .gallery .picbox .pic {border:#FFFFFF solid 2px;}
#bbslist .gallery .picbox .sbjx {font-size:12px;font-family:gothic;line-height:140%;padding:5px 5px 0 5px;height:35px;overflow:hidden;}
#bbslist .gallery .picbox .sbjx .imgpos {margin-bottom:-1px;}
#bbslist .gallery .picbox .sbjx .cat {font-size:12px;font-family: Nanum Gothic, sans-serif;color:#888;letter-spacing:-1px;}
#bbslist .gallery .picbox .sbjx .comment {font:normal 11px arial;color:#FC6138;}
#bbslist .gallery .picbox .sbjx .new {font-family: Nanum Gothic, sans-serif;font-size:10px;color:#ff0000;}
.bottom_line {border-top:#6bb3cc solid 2px;width:100%;height:2px;clear:both}
.bottom {margin:auto;width:752px;}
.bottom_write {float:right;}
.bottom_modify {float:left;}
/* @list */


/* view */
.viewpic{border-top:#6bb3cc solid 1px;border-bottom:#6bb3cc solid 1px;}
#bbsview {padding:0 0 0px 0;}

#bbsview .comment {padding:0 0 10px 0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}
/* @view */


/* write */
#bbswrite {margin:auto;font-family: Nanum Gothic, sans-serif;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;font-family: Nanum Gothic, sans-serif;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family: Nanum Gothic, sans-serif;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family: Nanum Gothic, sans-serif;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */