.board{width:94%;margin:4em auto 4em;}

.board .title{font-size:30px; margin-bottom:20px;}

.board .searchLine{width:100%; border:1px solid #e5e5e5;}
.board .searchLine select{width:20%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
.board .searchLine .textInput{width:75%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
.board .searchLine .buttonInput{width:25px; display:inline-block;margin-top:7px;}

.board .rButtonArea{width:100%; text-align:Right; margin:50px 0px 10px;}
.board .rButtonArea div{display:inline-block; padding:12px 20px; box-sizing:border-box;}
.board .rButtonArea div{display:inline-block; padding:12px 20px; box-sizing:border-box;}


@media screen and (max-width: 688px){

	.board .title{font-size:26px; margin-bottom:20px;}

	.board .searchLine{width:100%; border:1px solid #e5e5e5;}
	.board .searchLine select{width:20%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
	.board .searchLine .textInput{width:71%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
	.board .searchLine .buttonInput{width:25px; display:inline-block;}
	
	.board .rButtonArea{width:100%; text-align:Right; margin:2.5em 0px 0.5em;}
	.board .rButtonArea div{display:inline-block; padding:10px 20px; box-sizing:border-box;}
	.board .rButtonArea div{display:inline-block; padding:10px 20px; box-sizing:border-box;}

}


@media screen and (max-width: 375px){

	.board .title{font-size:26px; margin-bottom:20px;}

	.board .searchLine{width:100%; border:1px solid #e5e5e5;}
	.board .searchLine select{width:20%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
	.board .searchLine .textInput{width:69%; display:inline-block; border:0; padding:10px; box-sizing:border-box;}
	.board .searchLine .buttonInput{width:25px; display:inline-block;}
	
	.board .rButtonArea{width:100%; text-align:Right; margin:2.5em 0px 0.5em;}
	.board .rButtonArea div{display:inline-block; padding:10px 20px; box-sizing:border-box;}
	.board .rButtonArea div{display:inline-block; padding:10px 20px; box-sizing:border-box;}

}




.board .boardList{width:100%;}
.board .boardList li{width:100%;padding:20px 0px;border-bottom:1px solid #e5e5e5;box-sizing:Border-box;font-size:16px;font-family:'roboto','noto sans kr';}
.board .boardList li:first-child{border-top:1px solid #222;}
.board .boardList li .subject{width:68.5%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .boardList li .writer{width:15%;display:inline-block;vertical-align:middle;text-align:center;}
.board .boardList li .date{width:15%;display:inline-block;vertical-align:middle;text-align:center;}

 
@media screen and (max-width: 688px){
	.board .boardList{width:100%;}
	.board .boardList li{width:100%;padding:20px 0px;border-bottom:1px solid #e5e5e5;box-sizing:Border-box;font-size:13px;font-family:'roboto','noto sans kr';}
	.board .boardList li:first-child{border-top:1px solid #222;}
	.board .boardList li .subject{width:83%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.board .boardList li .writer{display:none;}
	.board .boardList li .date{width:15%;display:inline-block;vertical-align:middle;text-align:center;}

	
}


@media screen and (max-width: 375px){
	.board .boardList{width:100%;}
	.board .boardList li{width:100%;padding:20px 0px;border-bottom:1px solid #e5e5e5;box-sizing:Border-box;font-size:13px;font-family:'roboto','noto sans kr';}
	.board .boardList li:first-child{border-top:1px solid #222;}
	.board .boardList li .subject{width:81%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.board .boardList li .writer{display:none;}
	.board .boardList li .date{width:15%;display:inline-block;vertical-align:middle;text-align:center;}

	
}






.board .boardView{width:100%;}
.board .boardView .subjectLine{width:100%; background:#f7f7f7; padding:20px 20px 50px 20px; box-sizing:border-box; border-top:1px solid #222; border-bottom:1px solid #e5e5e5;}
.board .boardView .subjectLine .option{width:100%; text-align:right; font-size:14px; font-family:'roboto','noto sans kr'; color:#999;}
.board .boardView .subjectLine .subject{width:100%; font-size:24px; color:#222; margin-top:20px;}
.board .boardView .FL-Line{width:100%; border-bottom:1px solid #e5e5e5; padding:15px 20px; box-sizing:border-box;}
.board .boardView .FL-Line .icon{width:19px;display:inline-block;}
.board .boardView .FL-Line .icon img{width:100%; vertical-align:middle;}
.board .boardView .FL-Line .name{display:inline-block; font-size:15px; color:#999; margin-left:5px;}
.board .boardView .contents{width:100%; padding:20px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; min-height:300px;}
.board .boardView .r-buttonLine{width:100%; text-align:right;padding:20px 0px;}
.board .boardView .r-buttonLine div{display:inline-block;}
.board .boardView .r-buttonLine .goList{padding:12px 20px; background:#f7f7f7; color:#222; font-size:14px;}


@media screen and (max-width: 688px){
	.board .boardView{width:100%;}
	.board .boardView .subjectLine{width:100%; background:#f7f7f7; padding:20px 20px 50px 20px; box-sizing:border-box; border-top:1px solid #222; border-bottom:1px solid #e5e5e5;}
	.board .boardView .subjectLine .option{width:100%; text-align:right; font-size:12px; font-family:'roboto','noto sans kr'; color:#999;}
	.board .boardView .subjectLine .subject{width:100%; font-size:18px; color:#222; margin-top:20px;}
	.board .boardView .FL-Line{width:100%; border-bottom:1px solid #e5e5e5; padding:15px 20px; box-sizing:border-box;}
	.board .boardView .FL-Line .icon{width:19px;display:inline-block;}
	.board .boardView .FL-Line .icon img{width:100%; vertical-align:middle;}
	.board .boardView .FL-Line .name{display:inline-block; font-size:15px; color:#999; margin-left:5px;}
	.board .boardView .contents{width:100%; padding:20px; box-sizing:border-box; border-bottom:1px solid #e5e5e5; min-height:300px;}
	.board .boardView .r-buttonLine{width:100%; text-align:right;padding:20px 0px;}
	.board .boardView .r-buttonLine div{display:inline-block;}
	.board .boardView .r-buttonLine .goList{padding:12px 20px; background:#f7f7f7; color:#222; font-size:14px;}

	
}





.board .counsel{width:100%;}
.board .counsel .write{width:100%; padding:0px 0px 20px; border-top:1px solid #222; border-bottom:1px solid #e5e5e5;}
.board .counsel .write .half{width:48.5%; display:inline-block; margin-left:2%;}
.board .counsel .write .half:nth-child(2n+1){margin-left:0;}
.board .counsel .write dd{margin-top:20px;}
.board .counsel .write label{font-size:16px;}
.board .counsel .write .w100_f7{margin-top:10px;}
.board .counsel .buttonCline{margin-top:50px;}



@media screen and (max-width: 688px){
	.board .counsel{width:100%;}
	.board .counsel .write{width:100%; padding:0px 0px 20px; border-top:1px solid #222; border-bottom:1px solid #e5e5e5;}
	.board .counsel .write .half{width:100%; display:block; margin-left:0%;}
	.board .counsel .write .half:nth-child(2n+1){margin-left:0;}
	.board .counsel .write dd{margin-top:20px;}
	.board .counsel .write label{font-size:14px;}
	.board .counsel .write .w100_f7{margin-top:10px;}
	.board .counsel .buttonCline{margin-top:50px;}
	
	
}