@charset "utf-8";

*{margin:0; padding:0;}
#bbs{font-size:13px; color:#555;}
#bbs a{text-decoration:none; vertical-align:middle;}
#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:32px; padding-left:10px; vertical-align:middle;}
#bbs select{height:32px;}
#bbs textarea{color:#666; border:1px solid #ddd; font-size:12px; width:98%; padding:1%; box-sizing:border-box; margin:0 auto;}


#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:#333;}
#bbs .back_color2{background:#666;}
#bbs .back_color3{background:#fafafa;}


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

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

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

#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:20px;}
#bbs .total{padding-top:6px;}

/***** 리스트 테이블 *****/
#bbs .table1 th{height:46px; font-size:13px; font-weight:normal;}
#bbs .table1 td{height:46px; text-align:center; font-size:13px;}
#bbs .table1 .title{text-align:left; padding-left:12px;}
#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:46px; font-weight:500;}
#bbs .table2 td{height:46px; text-align:center; background:#fff;}
#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; border:1px solid #ddd; color:#333;} ***/

/***** 비밀글 보기 *****/
#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:#fff; border:1px solid #ddd; height:26px; line-height:24px; width:26px; text-align:center; font-weight:bold;}
#bbs .number a:hover{color:#fff; background:#1cb8ad; border:1px solid #1cb8ad;}
#bbs .number a.pad{font-size:11px; margin:0 8px;}
#bbs .number a.active{color:#fff; background:#1cb8ad; border:1px solid #1cb8ad;}
#bbs .number span{color:#333; vertical-align:middle; display:inline-block; margin:0 5px; background:#fff; border:1px solid #ddd; height:26px; line-height:24px; width:26px; text-align:center;}
#bbs .number span.pad{font-size:11px; margin:0 8px;} *****/

/*************************** 페이지네이션 ***************************/
#bbs .pagination{margin-top:35px; text-align:center;}
#bbs .pagination li{display:inline-block; width:36px; height:36px; vertical-align:top; margin:0 1px;}
#bbs .pagination span, #bbs .pagination a{display:block; height:36px; line-height:34px; border:1px solid #e1e1e1; color:#4b5763;}
#bbs .pagination a:hover{color:#222; border:2px solid #222; line-height:32px;}
#bbs .pagination .active{color:#222; border:2px solid #222; line-height:32px;}
#bbs .pagination .arrow{font-weight:500; color:#aaa; font-family:Verdana, Geneva, sans-serif; font-size:11.5px; letter-spacing:-2px;}

/***** 버튼들 *****/
#bbs .BtnA{display:inline-block; background:#555; width:60px; height:32px; line-height:32px; color:#fff; font-weight:bold; text-align:center;}

#bbs .btn1 {margin-top:15px;}
#bbs .btn1 a{display:inline-block; height:40px; vertical-align:middle; line-height:40px; width:110px; border-radius:0; font-size:14px; font-weight:500; text-align:center;}
#bbs .btn1 a:hover{background:#666;}

#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%;}
}