@charset "utf-8";

*{margin:0; padding:0;}
#bbs{font-family:"맑은 고딕", "나눔고딕", "돋움"; font-size:12px; color:#555;}
#bbs a{text-decoration:none;}
#bbs li{list-style:none;}
#bbs img{border:0; vertical-align:middle;}
#bbs select, input[type=text], input[type=password]{border:1px solid #ddd; color:#555; font-size:12px; height:22px; padding-left:3px; vertical-align:middle;}
#bbs select{height:24px;}
#bbs textarea{color:#666; border:1px solid #ddd; font-size:12px; width:100%}


#bbs .bbs_top{overflow:hidden;}
#bbs .left{float:left;}
#bbs .right{float:right;}
#bbs .center{margin:0 auto;}
#bbs .v_align{vertical-align:middle;}
#bbs .no_border{border-bottom:0;}

#bbs .txt_right{text-align:right; padding-right:15px;}

/***** 스킨 색상 변경시 활용 *****/
#bbs .back_color1{background:#444;}
#bbs .back_color2{background:#777;}
#bbs .back_color3{background:#fafafa;}


#bbs .txt_color1{color:#fff;}
#bbs .txt_color2{color:#444;}

#bbs .th_color{background:#f5f5f5; color:#444;}
#bbs .td_color{background:#fafafa;}

#bbs .br_left{border-left:1px solid #ccc;}
#bbs .br_right{border-right:1px solid #ccc;}
#bbs .br_bottom{border-bottom:1px solid #ccc;}
#bbs .br_top{border-top:1px solid #ccc;}

#bbs .br_left2{border-left:1px solid #eee;}
#bbs .br_right2{border-right:1px solid #eee;}
#bbs .br_bottom2{border-bottom:1px solid #eee;}
#bbs .br_top2{border-top:1px solid #eee;}

#bbs .br_left3{border-left:1px dashed #ddd;}
#bbs .br_right3{border-right:1px dashed #ddd;}
#bbs .br_bottom3{border-bottom:1px dashed #ddd;}
#bbs .br_top3{border-top:1px dashed #ddd;}

#bbs .border1{border:1px solid #ccc;}
/***** 스킨 색상 변경시 활용 *****/


#bbs .bbs_top{height:24px; margin-bottom:10px;}
#bbs .bbs_top span > a{display:inline-block; height:24px; vertical-align:middle; line-height:24px; padding:0 8px; border-radius:3px;}
#bbs .total{padding-top:6px;}

/***** 리스트 테이블 *****/
#bbs .table1 th{height:32px;}
#bbs .table1 td{height:30px; text-align:center;}
#bbs .table1 .title{text-align:left; padding-left:10px;}
#bbs .table1 a{color:#555; vertical-align:middle }
#bbs .table1 a:hover{color:#000;}
#bbs .new{font-size:10px; padding-left:8px; display:inline-block; color:#F60; font-weight:bold;}
#bbs .key{padding:0 4px; display:inline-block; vertical-align:middle}
#bbs .comment{font-size:12px; padding-left:2px; display:inline-block; color:#F60; font-weight:bold;}

/***** 읽기 테이블 *****/
#bbs .table2 th{height:32px;}
#bbs .table2 td{height:30px; text-align:center;}
#bbs .table2 .title{text-align:left; padding-left:14px;}
#bbs .table2 .title2{text-align:left; padding-left:14px; color:#555; font-weight:bold;}
#bbs .table2 a{color:#555; vertical-align:middle }
#bbs .table2 a:hover{color:#000;}
#bbs .table2 a.txt_file{color:#999; font-size:11px; vertical-align:middle;}
#bbs .table2 .con{padding:15px 12px 35px 12px; text-align:justify; vertical-align:top; line-height:1.6; color:#333;}
#bbs .table2 .con2{padding:15px 12px 15px 12px; text-align:justify; line-height:1.6;}
#bbs .table2 .con3{padding:7px 8px;}
#bbs .table2 .date{color:#777; font-size:11px;}
#bbs .table2 .plus a{vertical-align:middle; display:inline-block; padding-top:2px;}
#bbs .table2 input[type=text], input[type=password]{width:97%;}
#bbs .table2 input[type=file]{height:22px; vertical-align:middle;}

/***** 비밀글 보기 *****/
#bbs .bg_pw{background:#fafafa; border:1px solid #ddd; overflow:hidden; padding:30px 0;}
#bbs .bg_pw table{margin-bottom:18px;}
#bbs .bg_pw .center{width:54px; margin:0 auto;}
#bbs .bg_pw h1{font-size:18px; border:1px solid #ccc; width:170px; margin:0 auto; padding:5px; background:#fff; border-radius:2px;}
#bbs .bg_pw img{margin:22px 0 18px 0;}
#bbs .bg_pw input{margin-top:13px;}

/***** 넘버링 *****/
#bbs .number{text-align:center; padding:14px 0 0 0;}
#bbs .number a{color:#333; vertical-align:middle; display:inline-block; margin:0 1px; background:#f2f2f2; border:1px solid #ddd; height:18px; width:18px; text-align:center;}
#bbs .number a:hover{color:#fff; background:#556; border:1px solid #556;}
#bbs .number a.pad{font-size:11px; margin:0 8px;}
#bbs .number a.active{color:#fff; background:#556; border:1px solid #556;}
#bbs .number span{color:#333; vertical-align:middle; display:inline-block; margin:0 5px; background:#f2f2f2; border:1px solid #ddd; height:18px; width:18px; text-align:center;}
#bbs .number span.pad{font-size:11px; margin:0 8px;}

/***** 버튼들 *****/


#bbs .btn1 {margin-top:15px;}
#bbs .btn1 a{display:inline-block; height:30px; vertical-align:middle; line-height:30px; padding:0 14px; border-radius:2px; font-size:13px; font-weight:bold;}
#bbs .btn1 a:hover{background:#999;}

#bbs .btn2{width:100%;}
#bbs .btn2 a{display:block; height:52px; vertical-align:middle; line-height:52px; border-radius:0px; font-size:13px; font-weight:bold; width:90%; color:#fff;}
#bbs .btn2 a:hover{background:#999; color:#fff;}

#bbs .btn3 {margin-top:15px;}
#bbs .btn3 a{display:inline-block; height:30px; vertical-align:middle; line-height:30px; padding:0 14px; border-radius:2px; font-size:13px; font-weight:bold;}
#bbs .btn3 a:hover{background:#666; color:#fff; border:1px solid #666;}

#bbs .btn_area .left a{margin-right:5px;}

@media all and (max-width:640px) {	
	#bbs .total{display:none;}
	#bbs .table1 .td1{display:none; width:0;}
	#bbs .table1 .td5{display:none; width:0;}
}
@media all and (max-width:480px) {	
	#bbs .table1 .td4{width:19%;}
}