@charset "UTF-8";

.board-search-group,
.gallery-search-group { background:#f1f1f1; text-align:center; margin:40px 0; padding:20px 0; }
.board-search-group select,
.gallery-search-group select { border:1px solid #ccc; height:38px; padding:0 4px; border-radius:4px; background:#fff; }
.board-search-group input,
.gallery-search-group input { border:1px solid #ccc; height:36px; padding:0 4px; border-radius:4px; background:#fff; width:30%; }
.board-search-group button,
.gallery-search-group button { border:1px solid #0068b7; height:38px; padding:0 20px; border-radius:4px; background:#0068b7; color:#fff;}

.board-list-table { border-top: 2px solid #0068b7; width:100%; }
.board-list-table tr td { padding:8px 0; border-bottom:1px solid #ccc; }
.board-list-table tr td.no { text-align:center; width:10%; }
.board-list-table tr td.title { text-align:left; padding-left:16px; padding-right:16px; }
.board-list-table tr td.down { text-align:center; width:15%; }
.board-list-table tr td.date { text-align:center; width:15%; }
.board-list-table tr td.down img { width:24px; height:auto; }
.board-list-table thead tr td { background:#f1f1f1; }
@media only screen and (max-width:752px) {
	.board-list-table tr td.no,
	.board-list-table tr td.date { display:none; }
}

.gallery-list { position:relative; overflow:hidden; }
.gallery-list:after { clear:both; content:''; display:block; }
.gallery-list li { float:left; width:25%; }
.gallery-list li .gallery-item-group { position:relative; display:block; margin:0 8px 20px 8px; border:1px solid #ccc; }
.gallery-item { cursor:pointer; }
@media only screen and (max-width:752px) { 
	.gallery-list li { width:50%; }
}
@media only screen and (max-width:460px) { 
	.gallery-list li { width:100%; }
}

.image-box { background:#fafafa; /*max-height:160px; overflow:hidden;*/ width:100%; }
.image-box img { width:100%; }
.detail-group { padding:4px 0; }
.detail-group p { padding:0 8px 2px 8px; }
.detail-group p.date { font-size:12px; color:#888; }
.detail-group p.date span { padding-right:8px; color:#888; }

.paging-box { text-align:center; padding:4px 0; margin:20px 0; }
.paging-box .page-n { border:1px solid #ccc; padding:0 6px 2px 6px; }
.paging-box .page-n img { width:auto; height:10px; }
.paging-box .paging_numbers { margin:0 20px; }
.paging-box .paging_numbers a { font-size:14px; margin:0 2px; }
.paging-box .paging_numbers a span { border:1px solid #fff; padding:2px 8px; color:#797979; }
.paging-box .paging_numbers a span.strong { border:1px solid #ccc; color:red; font-weight:500; }

.board-view-top { position:relative; overflow:hidden; margin-bottom:4px; font-size:14px; color:#555; } 
.board-view-top:after { clear:both; content:''; display:block; }
.board-view-top .p_l,
.board-view-top .p_r { float:left; width:50%; }
.board-view-top .p_r { text-align:right; }

.board-view-wrap { margin:20px 0; }
.board-view-content > div { padding:8px 16px; border-bottom:1px solid #ccc; }
.board-view-content .heading { font-weight:600; color:#444; margin-right:8px; }
.board-view-content .title { border-top:2px solid #0068b7; background:#f1f1f1;   }
.board-view-content .content { min-height:400px; }
.board-view-bottom { text-align:right; }
.board-view-bottom {  padding:10px 0; margin:20px 0; }
.board-view-bottom .btn-list { border-1px solid #0068b7; background:#0068b7; color:#fff; padding:8px 20px; border-radius:4px;  }

.content img { max-width:940px; width:100%; }
.ico-down { width:20px; height:auto; }