
/* °Ô½ÃÆÇ ¸®½ºÆ® ½ºÅ¸ÀÏ ½ÃÆ® */
.board_list{width:100%;float:left;position:relative;}
.board_view{width:100%;float:left;}
.board_login{float:right}
.bbs_list{width:100%;float:left;position:relative;height:39px;border-top:1px solid #ccc;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bbs_list_title{font-size:16px;font-weight:bold;color:#000000;}
.bbs_list_date{font-size:12px;color:#eb894a;float:left}
.bbs_list_name{font-size:12px;color:#333333;float:right}
.bbs_page{width:100%;float:left;position:relative;border-top:0px solid #ccc;border-bottom:0px solid #ccc; height:40px;line-height:40px;}


.foot{position:relative;width:100%;float:left;text-align:center;height:111px;background:url(./images/copy_bg_m.jpg);}

.bbs_view_first{width:100%;float:left;position:relative;height:50px;}
.bbs_view_title{font-weight:bold;color:#333;font-size:20px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:24px}
.bbs_view_info{color:#333;text-align:right;width:100%;font-size:10px;word-wrap:break-word; }
.bbs_view_second{width:100%;float:left;position:relative;border-bottom:1px solid #ccc;padding-top:3px;padding-bottom:3px;font-size:14px;text-align:left}
.bbs_view_third{width:100%;height:30px;float:left;position:relative;height:50px;border-bottom:1px solid #ccc;padding-top:3px;padding-bottom:3px;}

.bbs_write{border-bottom:1px solid #ccc;width:100%;width:100%;float:left;}
.bbs_write_line{width:100%;border-top:1px solid #ccc;}
.bbs_write_new{font-weight:bold;border-bottom:1px solid #ccc;width:100%;float:left;text-align:center}
.bbs_write_title{font-weight:bold;height:30px;float:left;line-height:30px;text-align:right;width:30%}
.bbs_write_form{text-align:left;float:right;height:30px;width:70%;padding-top:5px}
.bbs_write_content{width:100%;border-bottom:1px solid #ccc;height:100px;float:left}
.bbs_write_ctitle{font-weight:bold;float:left;width:30%;height:90px;line-height:90px;text-align:right}
.bbs_write_cform{text-align:left;float:left;width:70%;} 

.b_input { color: #666666; font-size:9pt; border:solid 1 #cccccc;height : 19px; background-color:ffffff;}
.b_textarea { color: #666666; font-size:9pt; border:solid 1 #cccccc; background-color:ffffff; }

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url("images/button.png") no-repeat; vertical-align:top; overflow:visible; color:#333; font-weight:bold}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}


/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}


/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}


/* Button Strong */
.button.strong *{ font-weight:bold !important;}


/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}
