@charset "utf-8";

.search-box { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }
.sch_word { color:orangered; }
.search-none { padding:80px 20px; }

.search-media { padding-bottom:10px; }
.search-media .photo i { border-radius:50%; background: rgb(245, 245, 245); padding: 15px; width: 64px; height: 64px; text-align: center; color: rgb(143, 143, 143); font-size: 30px; display: inline-block; }
.search-media .photo img { border-radius:50%; width: 64px !important; height: 64px !important; display:inline-block; }
.search-media .media { border-bottom:1px solid #eee; margin:0px; padding:12px; }
.search-media :first-child.media { margin-top:0px; padding-top:0px; }
.search-media :last-child.media { border-bottom:0px; }
.search-media .media-heading { padding:0; margin:0px; line-height: 22px; }
.search-media .media .media-body { padding-left:0px; }
.search-media .media .media-info { line-height:20px; padding:4px 0px; }
.search-media .media .media-info .sp { display:inline-block; width:20px; text-align:center; font-size:11px; color:#888; }
.search-media .media .media-content {  }
.search-media .media .media-content p { margin:0px; padding:0px; }

.tabs {
    width: 100%;
    display: inline-block;
}
.tab-links {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tab-links:after {
    content: "";
    display: table;
    clear: both;
}
.tab-links li {
    margin: 0 5px;
    float: left;
}
.tab-links a {
    padding: 9px 15px;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    background: #7FB5DA;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: all linear 0.15s;
    text-decoration: none;
}
.tab-links a:hover {
    background: #a7cce5;
}
.tab-links .active a {
    background: #fff;
    color: #333;
    border-bottom: 2px solid #333;
}
.tab-content {
    padding: 15px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.tab {
    display: none;
}
.tab.active {
    display: block;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pagination a {
    padding: 8px 12px;
    margin: 0 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.3s;
}

.pagination a.active {
    background-color: black;
    color: white;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination .arrow {
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.pagination .arrow:hover {
    background-color: #ddd;
}

.board-name {
    display: inline-block;
    color: #666;
    font-size: 0.9em;
    margin-right: 8px;
}

.board-list {
    border-top: 2px solid #333;
}

.board-header {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}

.board-row {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}

.board-header .board-row {
    padding: 15px 0;
    font-weight: bold;
}

.column-category {
    width: 15%;
    padding: 0 10px;
    text-align: center;
}

.column-title {
    width: 50%;
    padding: 0 10px;
    text-align: center;
}

.column-title-data {
    width: 50%;
    padding: 0 10px;
}

.column-photo {
    width: 15%;
    padding: 0 10px;
    text-align: center;
}

.column-author {
    width: 15%;
    padding: 0 10px;
    text-align: center;
}

.column-date {
    width: 10%;
    padding: 0 10px;
    text-align: center;
}

.column-hit {
    width: 10%;
    padding: 0 10px;
    text-align: center;
}

.board-title {
    color: #333;
    text-decoration: none;
}

.board-title:hover {
    color: #000;
    text-decoration: underline;
}

.no-data {
    padding: 50px 0;
    text-align: center;
    color: #666;
}


.column-photo {
    width: 8%;
    padding: 0 5px;
    text-align: center;
}

.column-photo .list-thumb {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
}

.column-photo .empty-photo {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.comment-count {
    display: inline-block;
    color: orangered;
    font-weight: bold;
    margin-left: 5px;
}

@media screen and (max-width: 768px) {
    .column-category { width: 20%; }
    .column-title { width: 45%; }
    .column-author { display: none; }
    .column-date { width: 20%; }
    .column-hit { width: 15%; }
    
    .board-row {
        padding: 8px 0;
    }
    
    .board-header .board-row {
        padding: 10px 0;
    }
    
	.column-photo .empty-photo {
	width: 50px;
	height: 50px;
    }
	.column-photo img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
	}
	.column-photo .list-thumb {
		display: block;
		border: 0;
		width: 100.5%;
		height: auto;
		margin: 0px auto;
		border-radius: 15%;
	}

	.board-title {
		font-size: 16px;
		color: #333;
		text-decoration: none;
	}
}