@charset "utf-8";

/* list */
#board.list .category{margin:10px;}
#board.list .category .menu{display:flex; flex-wrap:wrap; border-right:1px solid #ddd;  border-bottom:1px solid #ddd;  background:#ddd;}
#board.list .category .menu li{border-left:1px solid #ddd; border-top:1px solid #ddd;}
#board.list .category .menu li a{display:inline-block; padding:7px 20px; color:#111;}
#board.list .category .menu li.active a{background:#111; color:white; font-weight:400;}
#board.list .pageinfo{float:left; width:300px; margin-top:24px;}
#board.list .search-box{float:right; width:400px; margin-bottom:10px;}
#board.list .table{clear:both; border-top:3px solid rgba(0,0,0,0.7); border-bottom:1px solid rgba(0,0,0,0.1); }
#board.list .table thead th{font-weight:600; font-size:1.1em; padding:15px 5px;}
#board.list .table tbody td .subject{font-weight:400; color:#111;}
#board.list .table tbody td .subject:hover{font-weight:400; text-decoration:underline; color:#0d6efd;}
#board.list .table .num{width:80px;}
#board.list .table .subject{width:auto;}
#board.list .table .subject .box{display:none;}
#board.list .table .down{width:120px;}
#board.list .table .name{width:120px;}
#board.list .table .date{width:140px;}
#board.list .table .hit{width:120px;}
@media(max-width:768px){
	#board.list .pageinfo{float:unset; width:99%; margin:auto;  font-size:0.9em;}
	#board.list .pageinfo span:nth-child(1){float:left;}
	#board.list .pageinfo span:nth-child(2){float:right;}
	#board.list .search-box{float:unset; width:99%; margin:auto; }
	#board.list .table td{margin:0px; padding:5px 2px;}
	#board.list .table th{margin:0px; padding:5px 2px;}
	#board.list .table .num{width:60px; font-size:0.75em;}
	#board.list .table .subject{font-size:0.75em;}
	#board.list .table .subject .title{font-size:1.4em; line-height:1.2em;}
	#board.list .table .subject .title{overflow:hidden; white-space:normal;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; line-height:25px;}
	#board.list .table .subject .box{display:block; font-size:1em; color:#555;}
	#board.list .table .down{display:none;}
	#board.list .table .hit{display:none;}
	#board.list .table .date{display:none;}
	#board.list .table .name{display:none;}
}
/* view */
#board.view .wr_subject{font-size:20pt; border-top:3px solid rgba(0,0,0,0.7);  padding:10px 0px 0px 30px; font-weight:600;}
#board.view .caption{padding:5px 0px 10px 10px; border-bottom:1px solid rgba(0,0,0,0.3); }
#board.view .caption > span{font-weight:300; padding:0px 20px;}
#board.view .caption .wr_name:before{content:"• 작성자 : "; color:#555; font-weight:400;}
#board.view .caption .wr_rdate:before{content:"• 작성일 : "; color:#555; font-weight:400;}
#board.view .caption .wr_hit:before{content:"• 조회 : "; color:#555; font-weight:400;}
#board.view .wr_content{padding:10px 10px 10px 10px;}
#board.view .ck-content{min-height:500px; padding:10px 30px;}
#board.view .control{text-align:center; padding:30px 10px 30px 10px;}
#board.view .control .btn{font-weight:400;  border-radius:0px;}
#board.view .control .btn > i{color:#000; font-size:13pt;}
#board.view .files{padding:10px 0px 0px 20px;}
@media(max-width:768px){
	#board.view .wr_subject{font-size:1em; padding:10px 5px;}
	#board.view .caption > span{font-size:0.75em; padding:0px; margin-right:10px; font-weight:300;}
}
#board.view .prev, #board.view .next{padding:0px 20px;}
#board.view .prev a, #board.view .next a{color:#111; font-size:1.1em; font-weight:300;}
#board.view .info{padding:0px !important; margin:0px; align-content:center;}
#board.view .info{padding:0px !important; margin:0px; align-content:center;}


#board.view .prev .info, #board.view .next .info{background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.3); margin:-1px 0px 0px -1px; padding:10px 10px; text-align:center; font-weight:400;}
#board.view .prev .subject, #board.view .next .subject{font-size:1em; border:1px solid rgba(0,0,0,0.3);  margin:-1px 0px 0px -1px; padding:10px 10px;}
#board.view .prev .subject, #board.view .next .subject{overflow:hidden; white-space:normal;  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;  line-height:34px;}
@media(max-width:768px){
	#board.view .info a > span{display:none;}
	#board.view .prev a, #board.view .next a{font-size:0.85em; line-height:50px;}
	#board.view .prev .subject, #board.view .next .subject{font-size:1em;  padding:0px 5px;}
}