.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

#page{text-align:center; margin-top:10px;}
#page a{display:inline-block; width:25px; line-height:25px}
#page a:hover{background-color:#eee;}
#page a.on{background-color:#eee; color:#000;}
#page a img{vertical-align:middle;}
#page .prev_btn,#page .next_btn{color:#666; font:13px dotum,"돋움",sans-serif; line-height:25px; border:1px solid #ddd; margin:0;}
#page strong{display:inline-block; width:25px; font-weight:bold}

a.btn_del{display: inline-block;background-color: #666;color: #fff;padding: 4px 10px 3px;position: absolute;top: 6px;right: 6px;}
@media (max-width:768px){
	a.btn_del{top: 16px;padding: 4px 6px;}
} 

/* mobile  list */
	.m_join_list_wrap{padding: 14px;}
	.m_join_list{border: 1px solid #ddd;border-radius:8px;padding: 6px;margin-bottom: 10px;}
	.m_join_list strong{font-weight: bold;}
	.m_join_list span{display: inline-block;padding-right: 6px;}
	.m_join_list span::before{content: ':';display: inline-block;	padding-left: 2px;padding-right: 2px;}
	.m_join_list a{display:block; }
	
	.m_join_list div{line-height: 24px;}
	.m_join_list div:nth-child(1) i{display: inline-block;color: #fff;padding: 4px 6px; line-height: 14px !important;margin-right: 6px;}
	.m_join_list div:nth-child(1){display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }



/* list */

	.btn_wrap2{margin-top: 15px;margin-bottom: 30px;}
	.btn_write{color: #fff;text-align: center;background: #40694e;padding: 9px 15px;vertical-align: middle;margin-left: 4px;}
	.btn_write2{color: #fff;text-align: center;background: #40694e;padding: 9px 10px;vertical-align: middle;margin-left: 4px;}
	.btn_wrap2 .btn_list{color: #fff;text-align: center;background: #666;padding: 9px 15px;vertical-align: middle;margin-left: 4px;}
	

	.comment_num{color: #DC3545 !important;display: inline-block;padding-left: 6px;width: 23px;background: url('/images/board/icon_comment.png') right 0 no-repeat;background-size: 14px;line-height: 18px;}

	.search_box{text-align: right;padding-bottom: 10px;}
	.search_box select{border: 1px solid #ddd;padding: 4px;}
	.search_box strong{display: inline-block;margin-left: 10px;}
	.search_box .btn_search{color: #fff;background-color: #666;padding: 3px 10px;}	
	.search_box .btn_search:active{background-color: #333;}	

	table#board_join_list{border-bottom:1px solid #aaa;}
	table#board_join_list th{border-top:1px solid #aaa; border-left:1px solid #E3E3E3;  background-color:#F5F5F5; font-weight:bold; color:#000;padding-top: 10px;padding-bottom: 8px;}
	table#board_join_list th:first-child{border-left:0 none;}
	table#board_join_list td{border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3;  text-align:center;padding-top: 10px;padding-bottom:8px;}
	table#board_join_list td span{display: inline-block;color: #fff;padding: 4px 6px; line-height: 14px !important;}
	table#board_join_list tr{cursor: pointer;}

	.join_join{background-color: #427B9E;}
	.join_invite{background-color: #6B5322;}
	.join_end{ background-color: #666;}

	table#board_join_list tr:hover{background-color: #FAFDFB;}
	table#board_join_list .board_cont{text-align: left !important;padding:0 0 0 10px !important;}
	table#board_join_list .board_cont a{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height: 40px;}


/* view */

	#board_join_view .view_cont{padding: 20px;border-bottom: 1px solid #aaa;}

	.view_table{border-top: 1px solid #000;}
	.view_table th{padding: 10px;background-color: #F5F5F5;border-bottom: 1px solid #e3e3e3;}
	.view_table td{padding: 10px 0 10px 10px;border-bottom: 1px solid #e3e3e3;}
	.view_table select{border: 1px solid #ddd;padding: 4px;}

	.color-red{color: #dc3545;}
	span.line::before {content: "|";display: inline-block;	padding:0 14px;}

	.comment_count{margin-top: 50px;}
	.comment_count strong{color: #dc3545;font-weight: bold;}


	.comment_area{width: 100%;display:flex;margin-top: 20px;}		
	.comment_area textarea{width: 75%;height: 60px;padding: 6px;background-color:#f6f6f6;border: 1px solid #ddd;}	
	.comment_area button{width: 25%;background-color: #DEEBE3;color: #40694E;border: 1px solid #64A178;}	
		
	ul.comment_list{border-top: 2px solid #aaa;}
	ul.comment_list > li{border-bottom: 1px solid #ddd;}
	ul.comment_list > li > div{padding: 10px;}

	ul.comment_list > li > div:first-child{background-color: #F7F7F7;}
	ul.comment_list > li > div:last-child{position: relative;}
	ul.comment_list > li > div strong{font-weight: bold;display: inline-block;padding-right: 6px;}
	ul.comment_list > li > div > i{position: absolute;top: 10px;right: 10px;}
	ul.comment_list span.line{color: #ccc !important;}	

/* write */
	.w100p{width: 100% !important;}
#board_join_write table{border-top: 2px solid #aaa;}
#board_join_write table th{padding: 10px;background-color: #F5F5F5;border-bottom: 1px solid #e3e3e3;}
#board_join_write table td{padding: 10px;border-bottom: 1px solid #e3e3e3;}
#board_join_write select{border: 1px solid #ddd;padding: 4px;min-width:50px;height: 28px !important;}
#board_join_write input[type="text"]{border: 1px solid #ddd;height: 28px !important;padding-left: 4px;}
#board_join_write textarea{border: 1px solid #ddd;padding: 4px;}