@charset "utf-8";
/* CSS Document */

  /* ──────────────────────────────────────
│                                                                                                                   │
│ * File Name: board_l.css                                                                                  │
│ * Description: board_l.php를 사용하는 페이지 style 지정                                       │
│ * Update: 2020-12-22                                                                                    │
│                                                                                                                   │
  ────────────────────────────────────── */

/* float 초기화 */
.board-search:after, #pagination ul:after{ content:''; display:block; clear:both; height:0; visibility:hidden; }

/* table 공통 setup */
.table-wrap table th, .table-wrap table td{ text-align:center; }
.table-wrap table td.tit{ text-align:left; }
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand{ display:none; }
.noPost{ width:100%; text-align:center; border-bottom:1px solid #ddd; padding:18px 0; }

/* 01 */
.board-style01 #search-wrap{ text-align:right; margin-bottom:30px; }
.board-style01 #search-wrap .board-search{ display:inline-block; }
.board-style01 #search-wrap .board-search div select:focus, .board-style01 #search-wrap .board-search p input:focus, .board-style01 #search-wrap .board-search button:focus{ outline:none; }
.board-style01 #search-wrap .board-search div, .board-style01 #search-wrap .board-search p, .board-style01 #search-wrap .board-search button{ float:left; }
.board-style01 #search-wrap .board-search div{ width:135px; height:40px; }
.board-style01 #search-wrap .board-search div select{ width:100%; height:100%; background:url('../images/select_icon.gif') no-repeat right 10px center; background-size:13px; border:1px solid #c1c1c1; border-radius:3px; padding:0 10px; box-shadow:none; }
.board-style01 #search-wrap .board-search div select:focus, .board-style01 #search-wrap .board-search input:focus{ border:1px solid #555; outline:none; }
.board-style01 #search-wrap .board-search p{ width:300px; height:40px; margin:0 5px; }
.board-style01 #search-wrap .board-search p input{ width:100%; height:100%; border:1px solid #c1c1c1; border-radius:3px; padding:0 10px; box-shadow:none; }
.board-style01 #search-wrap .board-search button{ width:40px; height:40px; color:#fff; background:#555; border-radius:3px; }
.board-style01 table{  }
.board-style01 table th, .board-style01 table td{ border:1px solid #ddd; border-right:none; border-left:none; }
.board-style01 table th{ font-weight:500; background:#f8f8f8; border-top:2px solid #333; padding:15px 5px; }
.board-style01 table th.chk, .board-style01 table th.seq{ width:75px; }
.board-style01 table th.cate{ width:100px; }
.board-style01 table th.name{ width:200px; }
.board-style01 table th.sysdate{ width:120px; }
.board-style01 table th.click{ width:100px; }
.board-style01 table tr.board-notice{ font-weight:400; background:#eff6f7; }
.board-style01 table td{ padding:15px 5px; }
.board-style01 table td.tit{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.board-style01 table td.tit a{  }
.board-style01 table td .m-Con{ display:none; }
.board-style01 #pagination{ text-align:center; margin:30px auto 0; }
.board-style01 #pagination ul{ display:inline-block; }
.board-style01 #pagination ul li{ display:inline; float:left; width:40px; height:40px; line-height:40px; border:1px solid #ddd; margin-left:-1px; }
.board-style01 #pagination ul li:first-child{ background:url('../images/icon01.gif') no-repeat center center; margin:0; }
.board-style01 #pagination ul li:nth-child(2){ background:url('../images/icon02.gif') no-repeat center center; }
.board-style01 #pagination ul li:nth-last-child(2){ background:url('../images/icon03.gif') no-repeat center center; }
.board-style01 #pagination ul li:last-child{ background:url('../images/icon04.gif') no-repeat center center; }
.board-style01 #pagination ul li > a{ display:block; width:100%; height:100%; position:relative; text-decoration:none; }
.board-style01 #pagination ul li > a > span{ display:block; width:100%; height:100%; color:transparent; }
.board-style01 #pagination ul li.active{ border:none; }
.board-style01 #pagination ul li.active > a{ color:#fff; font-weight:400; background:#555; position:relative; }
.data_count{margin-bottom:12px;font}
.data_count .count_color{color:#FF9933;font-weight:600;}


@media screen and (max-width: 978px){
	.board-style01 table th.name{ width:150px; }
}
@media screen and (max-width: 640px){
	.board-style01 #search-wrap .board-search{ display:block; }
	.board-style01 #search-wrap .board-search div{ width:100%; margin-bottom:5px; }
	.board-style01 #search-wrap .board-search p{ width:calc(100% - 45px); margin-left:0; }
	.board-style01 table td .m-Con{ display:block; font-size:13px; margin-top:5px; }
	.board-style01 table td .m-Con span{ margin-right:16px; position:relative; }
	.board-style01 table td .m-Con span:before{ content:''; width:1px; height:10px; background:#9c9c9c; margin-top:-5px; position:absolute; top:50%; right:-8px; }
	.board-style01 table td .m-Con span:last-child{ margin-right:0; }
	.board-style01 table td .m-Con span.m-Notice{ color:#fff; background:#555; border-radius:3px; padding:0 3px; margin-right:8px; }
	.board-style01 table td .m-Con span.m-Notice:before{ display:none; }
	  .board-style01 #pagination ul li{width:35px; height:35px; line-height:35px;}

}