/* waiting book */
.board_waiting .board_header{width: 100%;height: 62px;align-items: center;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;font-weight: bold;display: grid;grid-template-columns: 6% 18% 18% 19% 19% 10% 10%;text-align: center;} 
.board_waiting .board_list > ul{width: 100%;height: 60px;border-bottom: 1px solid #dfdfdf;display: grid;grid-template-columns: 6% 18% 18% 19% 19% 10% 10%;align-items: center;text-align: center;}
@media (max-width:768px){
	.board_waiting{overflow-x:scroll; scrollbar-width: thin;  scrollbar-color: #aaa #f1f1f1;}
	.board_waiting .board_header,
	.board_waiting .board_list{width: 600px;}

}

/* join */
	.search-bar{display:flex;justify-content:end;gap: 6px;margin-bottom: 10px;}
	.no-cont{text-align: center;height: 60px;line-height: 60px;border-bottom: 1px solid #ddd;}
	
	.board_join .board_header{width: 100%;height: 62px;align-items: center;background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;font-weight: bold;display: grid;grid-template-columns: 6% 49% 15% 15% 15%;text-align: center;} 
	.board_join .board_list > ul{width: 100%;height: 60px;border-bottom: 1px solid #dfdfdf;display: grid;grid-template-columns: 6% 49% 15% 15% 15%;align-items: center;text-align: center;}
	.board_join .board_list .title{text-align: left;display: flex;align-items:center;}
	.board_join .board_list .title a{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
	
	
	
	
	@media (max-width:992px){
		.board_join .board_header,
		.board_join .board_list > ul{grid-template-columns: 70% 30%; }
		.board_join .board_header > li:nth-child(1),
		.board_join .board_header > li:nth-child(3),
		.board_join .board_header > li:nth-child(4){display: none;}
		.board_join .board_list > ul > li:nth-child(1),
		.board_join .board_list > ul > li:nth-child(3),
		.board_join .board_list > ul > li:nth-child(4){display: none;}
	}

	
	@media (max-width:768px){
		.board_join .board_header{display: none;}
		.board_join .board_list{border-top: 1px solid #000;}
	}


	.join-end,
	.join-ing{display: inline-block;color: #fff;text-align: center;border-radius:6px;margin-right: 6px;padding: 4px 10px;}
	.join-end{background-color: #999;}
	.join-ing{background-color: #187D6C;}

	

	

	#board_view{max-width:1000px; margin: 0 auto;}
	#board_view .cons > span{color: #666;display: inline-block;padding: 0 20px;position: relative;}
	#board_view .cons > strong{color: #000;display: inline-block;padding-right:20px;}
	#board_view .cons span::after{content: '';position: absolute;top: 14px;left: 0;width: 1px;height: 16px;background-color: #ddd;}
	#board_view .cons > span:first-of-type::after{display: none;}

	.comment-wrap{width:100%; margin: 0 auto;margin-top: 50px;}
	.comment-wrap .tit{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
	.comment-wrap .btn{border-radius:0 0}
	#comment{width: 100%;height: 70px;padding: 6px;margin: 0;border: none;}
	.comment-inner{border: 2px solid #ccc}
	.comment-inner ul{display: flex;border-top: 1px solid #ccc;padding: 10px;position: relative;}
	.comment-inner ul > li{padding: 0 10px;}
	.comment-inner ul > li + li{border-left: 1px solid #ddd;}
	.comment-inner ul > li:last-of-type{position: absolute;top: 5px;right: 0;}
	.comment-inner label{color: #777;}
	.comment-inner .show-terms{color: #FF4500;font-size: 14px;background-color: #fff;border: none;}
	.terms-wrap{display: none;}
	.terms-wrap > h5{margin-top: 10px;color: #000;}
	

	.commented-wrap{width:100%;margin-top: 10px;}
	.commented{background-color: #F7f7f7;padding: 15px 20px;margin-top: 10px;}
	.commented > li{padding: 6px 0;}
	.commented .commented-info{display: flex;}
	.commented .commented-info > li{padding-right: 30px;}
	.commented .commented-info > li:empty{padding-right: 0px;}

	i.icon-cmt{font-size: 14px;color: #FF4500;font-style: normal;margin-left: 6px;}


	@media (max-width:992px){
		.comment-inner ul > li > strong{display: block;}
		.comment-inner ul > li{margin-left: 20px;}
	
	}


	@media (max-width:768px){
		.join-end,
		.join-ing{padding: 2px 4px;margin-right: 2px;font-size: 11px;width: 40px;}
		table.typeB tbody td{padding: 8px 0;}

		.comment-wrap{width: 100%;margin-top: 30px;}
		.comment-wrap .tit{margin-bottom: 0px;}
		.comment-inner ul{display: block;margin-bottom: 0;}
		.comment-inner ul > li{padding: 0;}
		.comment-inner ul > li:last-of-type{top: 6px;right: 6px;}
		.comment-inner ul > li + li{border-left: none;}
		.comment-inner .show-terms{padding: 0;}
		.comment-inner ul > li > strong{display: inline;margin-right: 20px;}
		.comment-inner ul > li{margin-left: 6px;padding: 3px 0;}

		.commented .commented-info > li{padding-right: 20px;}
		.commented{padding: 10px;}
		.commented > li{padding: 4px 0;}

		.table_column{border-top: 1px solid #000;width: 100%;}
		.table_column tr{border-bottom: 1px solid #ddd;}
		.table_column th{background-color: #F5F5F5;text-align: center;padding: 6px;}
		.table_column td{text-align: center;padding: 6px;}

		.mjoin-write input{width: auto;}
		.mjoin-write select{width: 100px;}
		#usreMessage{margin: 0;}




	}
	
	
	/* join_view */
	.view_header_title{width: 100%;}		
	.view_header_title > div{background-color: #F7F7F7;border-top: 2px solid #000;border-bottom: 1px solid #DFDFDF;text-align: center;height: 62px;display: flex;align-items: center;justify-content:center;}
	
	.join_view .view_cont{height: 62px;display: flex;border-bottom: 1px solid #ddd;height: 62px;}
	.join_view .view_cont > li{background-color: #F7F7F7;width: 10%;display:flex; align-items:center;   }
	.join_view .view_cont > li:nth-child(2n){background-color: #fff;width: 15%;text-align: left;padding-left: 10px;}
	.join_view .view_cont > li:nth-child(2n+1){justify-content:center;}
	.join_view .view_cont > li + li{border-left: 1px solid #ddd;}

	.view_cont_text{width: 100%;padding: 30px;min-height:250px;border-bottom: 1px solid #000;}

	

	@media (max-width:992px){
		.view_header_title > div{padding: 12px;height: auto;}
		.join_view .view_cont{flex-wrap:wrap;height: auto;border-bottom: none;}
		.join_view .view_cont > li{width: 17%;border-bottom: 1px solid #ddd;line-height: 1.5rem;padding: 12px 0;}
		.join_view .view_cont > li:nth-child(2n){width: 33%;}
		.join_view .view_cont > li + li{border-left: none;}
		.view_cont_text{min-height:150px;padding: 12px;}

		
	} 
	

/* join_write */	
	.p-relative{position: relative;}
	.set-open{position: absolute;top: 50%; transform: translateY(-50%);right: 10px;}
	.set-open label{display: inline-block;}
	.form-joinwrite select{min-width: 100px;}
	
	.custom-date{border: 1px solid #ddd;height: 33px;padding:0 6px;}
	input[type='date']{position: relative;}
	input[type='date']::-webkit-calendar-picker-indicator{position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;color: transparent; cursor: pointer;}
	
	input[type='checkbox']{width: 16px;height: 16px;margin-right: 6px;}

	.join_write{border-top: 2px solid #000;}
	.join_write textarea{width: 100%;height: 200px;}
	.join_write > ul{display: flex;height: 62px;border-bottom: 1px solid #ddd;}
	.join_write > ul > li{background-color: #F7F7F7;width: 16.66%;display: flex;align-items:center;}
	.join_write > ul > li:nth-child(2n){background-color: #fff;width: 33.33%;text-align: left;padding-left: 10px;}
	.join_write > ul > li:nth-child(2n+1){ justify-content:center; }
	.join_write > ul > li + li{border-left: 1px solid #ddd;}
	.join_write > ul.write_text{height: auto;}
	.join_write > ul.write_text > li:nth-child(1){width: 16.66%;}
	.join_write > ul.write_text > li:nth-child(2){width: 83.34%;padding-top: 12px;padding-bottom: 12px;}
	
	.terms{margin-top: 50px;}
	.terms > h5{margin-top: 10px;color: #000;}


	
	@media (max-width:768px){
		.join_write > ul{flex-wrap:wrap;}
		.join_write > ul > li{width: 30%;}
		.join_write > ul > li:nth-child(2n){width: 70%;}
		.join_write > ul{height: 100px;}
		.join_write > ul.write_text > li:nth-child(1){width: 30%;}
		.join_write > ul.write_text > li:nth-child(2){width: 70%;padding-top: 12px;padding-bottom: 12px;}
		.join_write > ul > li,
		.join_write > ul > li + li{border-left: none;}
		.form-inline .form-control{width: 100px;}
		.btn-wrap{margin-top: 30px;}
		.join_write textarea{height: 100px;}
		
	}