@charset "UTF-8";

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");

/*

 

*/


select{padding-right: 22px;background-image: url('/img/select-bg.png') !important;background-position: 90% center !important;background-size: 12px !important;background-repeat: no-repeat !important; padding-left:3px;}
/* 기본설정 */
.board-area {
  width: 100%;
  margin: 0 auto;
  font-family: 'Nanum Gothic', sans-serif;
}

.tbl_num {
  width: 70px;
}

.tbl_file {
  width: 30px;
}

.tbl_writer {
  width: 100px;
}

.tbl_date {
  width: 90px;
}

.tbl_view {
  width: 80px;
}
/* 숨김요소 */
.list-tbl caption, .boardview-tbl caption, .write-tbl caption ,.search-box .btn-search span {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
}

/* PAGE - LIST */

	/* table */
	
	/* table layout */
.list-tbl {
  table-layout: fixed;
  width: 100%;
}

.board-wrap {
  clear: both;
  width: 100%;
}

.board-wrap:after {
  clear: both;
  display: block;
  content: "";
}

		/* table style */
.list-tbl tbody tr {
  color: #686868;
}

.list-tbl tbody tr:hover {
  background-color: #f6f6f6;
}

.list-tbl thead th {
  height: 54px;
  color: #545454;
  text-align: center;
  font-size: 15px;
  background: white;
  line-height: 54px;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  font-weight: 700;
  background-color: #f6f6f6;
  width: 59%;
}

.list-tbl td {
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
  line-height: 140%;
  position: relative;
  border-bottom: 1px solid #cfcfcf;
}

.list-tbl td.board-tit a:link, .list-tbl td.board-tit a:focus, .list-tbl td.board-tit a:visited {
  color: #686868;
}
			


	/*  search-box  */
.search-box {
  padding: 5px 0;
  margin-bottom: 25px;
  text-align: right;
  width:344px;
  margin-left:auto;
 /*게시판 검색 타입*/ /*게시판 검색 키워드*/ /*게시판 검색버튼*/;
}
.search-box::after{display:block; content:''; clear:both;}
.search-box .search-type {
  height: 40px;
  background: #fff;
  border: none;
  margin-right: 2px;
  border: 1px solid #e3e3e3;
}
		/* awesome icon */
.fa {
  color: white;
  font-size: 29px;
}

		/* 검색박스 */
select#sch_condition.search-type {
  width: 100px;
	 display:block; float:left;
}

.search-box .search-string {
  width: 200px;
  height: 40px;
  background: #fff;
  border: none;
  margin-right: 2px;
  font-size: 14px;
  border: 1px solid #e3e3e3;
  
	 display:block; float:left;
}

.search-box .btn-search {
  border: none;
  width: 40px;
  min-width:40px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  background-color: #a9d05d;
  border-radius: 5px;
 display:block; float:left;
}
.search-box .btn-search .fa{font-size:26px;}

.search-box .btn-search:hover {
  background-color: white;
  border: 1px solid #a9d05d;
  cursor: pointer;
}

.search-box .btn-search:hover .fa {
  color: #a9d05d;
}



	/*카테고리 색상-????????*/ 
.list-tbl td .i-sec {
  color: #FD8319;
}

.list-tbl td.board-tit {
  text-align: left;
}

.list-tbl td.board-tit a {
  width: auto;
  height: 22px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-tbl td.board-tit a:hover {
  text-decoration: underline;
  color: black;
}

.board-tit a, board-tit strong {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-tbl td .notice-mark {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  background: #fd9887;
  line-height: 20px;
  width: 60px;
  text-align: center;
  font-style: normal;
}

.list-tbl td .ico-secret {
  display: inline-block;
  width: 40px;
  line-height: 20px;
  color: #fff;
  background: #f00;
}

.list-tbl td.tl {
  padding-left: 20px;
}

.list-tbl td.list-category {
  color: #2e87db;
}
@media screen and (max-width:768px){
	.list-tbl{font-size:14px;}
}
@media screen and (max-width:599px){
	.list-tbl thead{display:none;}
	.list-tbl, .list-tbl tbody{display:block;}
	.list-tbl tr{padding-left:50px; display:block; position:relative; width:100%; padding-top:10px; padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;}
	.list-tbl tr:first-child{border-top:1px solid #ddd;}
	.list-tbl tr::after{clear:both; content:''; display:block;}
	.list-tbl td{display:block; height:auto; float:left; line-height:20px; border:0;}
	.list-tbl td.tbl_post_title{max-width:calc(100% - 31px);}
	.list-tbl td.tbl_post_title img[alt="secret"] + a{max-width:calc(100% - 25px); display:inline-block;}
	.list-tbl td.tbl_writer{clear:left; width:auto; margin-right:10px;}
	.list-tbl td.tbl_date{width:auto; margin-right:10px;}
	.list-tbl td.tbl_view{width:auto; margin-right:10px;}
	.list-tbl .tbl_num{position:absolute; top:50%; left:0; width:40px; transform:translateY(-50%); float:none;}
	.list-tbl td .notice-mark{width:100%;}
	.list-tbl .tbl_post_title{}
}
/* btn */
.board-btn {
  margin-top: 20px;
}

.board-btn:after {
  clear: both;
  display: block;
  content: "";
}

	/*글쓰기 버튼*/ /*글쓰기 > 목록 버튼*/ /*수정 버튼*/ /*삭제버튼*/ /*이전, 다음글 보기*/ /*확인버튼*/ /*취소버튼*/
.board-btn .btn-write {
  float: right;
  width: 140px;
  height: 40px;
  border-radius: 5px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #333;
  border: none;
}

.board-btn .btn-write:hover {
  color: black;
  border: 1px solid black;
  background-color: white;
}

.board-btn .btn-list {
  float: right;
  width: 140px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #e3e3e3;
  margin-right: 10px;
}

.board-btn .btn-modify {
  width: 140px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #414141;
  float: left;
  margin-right: 10px;
}

.board-btn .btn-del {
  width: 140px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #414141;
  float: left;
  margin-right: 10px;
}

.board-btn .btn-article {
  float: left;
}

.board-btn .btn-article > div {
  float: left;
  border: 1px solid #e3e3e3;
  width: 280px;
}

.board-btn .btn-article > div.next-article {
  margin-left: -1px;
  text-align: right;
}

.board-btn .btn-article > div.next-article .article-sy {
  margin-right: 0 !important;
  border-right: 0;
  border-left: 1px solid #e3e3e3;
}

.board-btn .btn-article > div .article-sy {
  display: inline-block;
  line-height: 40px;
  padding: 0px 15px;
  background: #f4f4f4;
  padding: 0 10px;
  border-right: 1px solid #e3e3e3;
  margin-right: 5px;
}

.board-btn .btn-article > div .article-sy i {
  margin: 0 5px;
  color: #2e87db;
}

.board-btn .btn-article > div .article-link {
  padding: 10px;
}

.board-btn .btn-confirm {
  width: 140px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #414141;
  display: inline-block;
  margin-right: 10px;
  border: none;
}

.board-btn .btn-cancel {
  width: 140px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #e3e3e3;
  display: inline-block;
  border: none;
  border: 1px solid #e3e3e3;
}

	/* 페이징 */
.pagenation-wrap {
  text-align: center;
  padding: 10px 0;
  margin-top: 30px;
 /*기본*/;
}

.pagenation-wrap a {
  color: #a9d05d;
  width: 22px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  margin: 0 6px;
}

.pagenation-wrap strong {
  vertical-align: baseline;
  display: inline-block;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #a9d05d;
  line-height: 20px;
  padding: 0px 0px 0px 6px;
  color: white;
			/*text-decoration: underline;*/;
}

	/* PAGE - WRITE */
.write-tbl {
  border-top: 1px solid #333;
  table-layout: fixed;
  width: 100%;
}

.write-tbl th {
  background: #f4f4f4;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0px;
  min-height: 51px;
}

.write-tbl td {
  border-bottom: 1px solid #e3e3e3;
  padding: 10px;
}

.write-tbl td input[type="text"], .write-tbl td input[type="password"] {
  border: 1px solid #e3e3e3;
  height: 30px;
  text-indent: 5px;
}

.write-tbl td input[type="radio"] {
  vertical-align: middle;
}

.write-tbl td .length01 {
  width: 50%;
}

.write-tbl td .length02 {
  width: 15%;
}

.write-tbl td .write-cate {
  height: 30px;
  border: 1px solid #e3e3e3;
  width: 15%;
}

.write-tbl td .write-contents {
  min-height: 300px;
  padding: 20px;
}

.write-tbl td .write-contents textarea {
  resize: none;
}

.boardview-tbl {
  border-top: 1px solid #333;
  table-layout: fixed;
  width: 100%;
}

.boardview-tbl th {
  background: #f4f4f4;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 0px;
  height: 51px;
}

.boardview-tbl td {
  border-bottom: 1px solid #e3e3e3;
  padding: 10px;
}

.boardview-tbl td .view-contents {
  min-height: 300px;
  padding: 20px;
  line-height: 120%;
  word-break: break-all;
}

.boardview-tbl td .view-contents img {
  width: auto;
  max-width: 100%;
}

	/* PAGE - PASSWORD CHECK */
.confirm-pw {
  width: 50%;
  min-width: 320px;
  margin: auto;
  padding: 20px 30px;
  border: 1px solid #e3e3e3;
}

.confirm-pw h5 {
  font-size: 20px;
  color: #232323;
}

.confirm-pw h5 i {
  color: #2e87db;
}

.confirm-pw small {
  font-size: 16px;
  margin: 10px 0 20px;
  display: block;
}

.confirm-pw label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 10px;
}

.confirm-pw input[type="password"] {
  border: 1px solid #e3e3e3;
  height: 30px;
  width: 60%;
}

		/*# sourceMappingURL=basic_board.css.map */





/* PAGE - VIEW */

.view-tbl {
  table-layout: fixed;
  width: 100%;
}

.board-wrap {
  clear: both;
  width: 100%;
  padding-top: 24px;
}

.board-wrap:after {
  clear: both;
  display: block;
  content: "";
  margin-top: -1px;
}

table.view-tbl {
  margin-bottom: 30px;
}

.view-tbl thead th {
  height: 54px;
  color: #545454;
  text-align: center;
  font-size: 15px;
  background: white;
  line-height: 54px;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  font-weight: 700;
  background-color: #f6f6f6;
  width: 59%;
}

.view-tbl thead td {
  border-top: 1px solid #d1d1d1;
}

.view-tbl td {
  height: 54px;
  line-height: 54px;
  text-align: left;
  padding-left: 20px;
  border-bottom: 1px solid #d1d1d1;
  line-height: 140%;
  position: relative;
  border-bottom: 1px solid #cfcfcf;
}

.view-tbl tbody tr {
  color: #686868;
}

.view-tbl tbody th {
  border-bottom: 1px solid #d3d3d3;
}

table.view-tbl th {
  background-color: #f6f6f6;
}
.view-tbl td.cont *{max-width:100%; word-break:break-all;}
td.cont {
  padding: 20px;
}
.btn-area::after{clear:both; display:block; content:''; padding-bottom:20px;}
a.btn_go_list {
  display: block;
  width: 140px;
  height: 40px;
  float: right;
  border-radius: 5px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  background: #a9d05d;
  border: none;
}

a.btn_go_list:hover {
  color: #a9d05d;
  background-color: white;
  border: 1px solid #a9d05d;
  width: 138px;
  height: 38px;
}

@media screen and (max-width:599px){

	table.view-tbl th{width:15%;}
	table.view-tbl td{width:35%;}
	table.view-tbl td[colspan="3"]{width:85%;}

	.search-box{width:100%; background-color:transparent !important;}
	select#sch_condition.search-type{width:80px; margin-right:5px;}
	.search-box .search-string{width:calc(100% - 80px - 5px - 40px - 5px); margin-right:5px;}

	.pagenation-wrap{display: block;}
	.pagenation-wrap a{width:100%;margin:0;line-height:30px;width:calc((100% - 5px ) / 14); font-size:13px;}

a {}
	.pagenation-wrap img{max-width:100%; display:inline-block;}
	.pagenation-wrap strong{line-height:30px;width: calc(100% / 14);margin:0; padding:0; color:#a9d05d; text-decoration:underline; background:none; font-size:13px;}
}