@charset "utf-8";

.list_table span.noti{
	display: none;
}

.list_table tbody tr.noti{
	background-color: #f9f9f9;	
}

.board_search_form{
	margin-bottom: 30px;
}

.detail_info{
	width: 40%;
    margin: auto;
    display: flex;
    white-space: nowrap;
    justify-content: space-evenly;
}

.detail_info li{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}

.detail_info li:nth-child(2){
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.content_td{
	display: block;
	min-height: 300px;
	border-top: solid 1px #ccc;
}

@media screen and (max-width: 760px){
	.detail_info{width: 100%;}
}

@media screen and (max-width: 735px){
	.list_table span.noti{
		display: inline-block;
	}
	
	.list_table .mobile{
		display: none;
	}
	
	.list_table {
	    table-layout: fixed;
	}

	/* .list_table td>.tit[data-depth="1"] { */
	.list_table td>.tit {
	    width: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	.list_table td a.link {
    	text-overflow: ellipsis;
	}
}

@media screen and (max-width: 600px){
	.list_table .view_cnt{
		display: none;
	}
	
	.list_table .inpt_dttm{
		min-width: 100px;
	}
}

@media screen and (max-width: 455px){
	
	.list_table td .ico_reply{
	    font-size: 0;
	}
}

@media screen and (max-width: 400px){
	.board_search_form .search_box {
	    float: none;
	    display: flex;
	}
	
	.board_search_form .search_box .reset_btn{
		display: none;
	}
	
	.board_search_form .search_box input[type=text]{
		width: calc(100% - 120px);
	}
	
	.list_table .check_box{
		min-width: 20px;
		width: 1%; 
	}
	
	.list_table td {
	    padding: 10px 5px;
	}
	
	.detail_table td.info{
		padding: 10px 5px;
	}
	
	.detail_table th.title{
		font-size: 24px !important;
		word-break: break-word;
	}
	
	.inpt_table input[type=text],
	.inpt_table input[type=file]{
		width: 100%;
	}
	
	.inpt_table .sz{
		width: 18%;
	}
	
	.inpt_table th,
	.inpt_table td{
		display: inline-block;
		width: 100%;
	}
	
	.inpt_table th{
		text-align: center;
	}
	
	.inpt_table th + th,
	.inpt_table th + td,
	.inpt_table td + td{
		border-left: 0;
	}
	
	.inpt_table .noti {
		text-align: center;
	}
	
	.inpt_table .noti label + input{
		margin-left: 50px;
	}
}