.board>.search{
  display:flex;
  width:100%;
  max-width:500px;
  float: right;
  justify-content:flex-end;/*가로 중앙정렬*/
  align-items: center;/*세로 중앙정렬*/
}
.board>.search select{
  height:40px;
  padding-left:10px;
  max-width:100px;
  font-size:1rem;
  line-height:40px;
  border:1px solid #333;
}
.board>.search select option{
  font-size:1rem;
  line-height:40px;
}
.board>.search input[type="text"]{
  width:calc(100% - 100px - 50px);
  height:40px;
  margin-left:10px;
  font-size:1rem;
  line-height:40px;
  border:none;

}
.board>.search input[type="button"]{
  width:35px;
  height:40px;
  background: url(../../img/searchBg.png) right center no-repeat;
  cursor: pointer;
}
@media only screen and (max-width : 860px){
  .board>.search{
    max-width:none;
    float:none;
    margin-top:25px;
  }
}



.board{
  position:relative;
}

.board>strong.title{
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  font-size:2rem;
  line-height:2rem;
}
@media only screen and (max-width : 860px){
  .board>strong.title{
    display:inline-block;
    width:100%;
    position:relative;
    top:auto;
    left:auto;
  }
}

.board ul.list{
  width:100%;
  margin-top:30px;
  border-top:1px solid #333;
}
.board ul.list>li{
  width:100%;
  border-bottom:1px solid #dfdfdf;
  -webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
.board ul.list>li:hover{
  background-color:#f9f9f9;
}
.board ul.list>li>a{
  display:inline-block;
  width:100%;
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
}
.board ul.list>li i, .board ul.list>li strong, .board ul.list>li span{
  display:inline-block;
  width:100%;
  text-align: left;
}
.board ul.list>li i{
  margin-bottom:10px;
  font-size:0.875rem;
  line-height:0.875rem;
  font-weight:600;
  font-style: normal;
}
.board ul.list>li strong{
  font-size:1.25rem;
  line-height:1.5rem;
  font-weight:500;
}
.board ul.list>li div{
  display:inline-block;
  width:100%;
  margin-top:15px;
  text-align:left;

}
.board ul.list>li span{
  width:auto;
  margin-left:7px;
  font-size:0.813rem;
  line-height:0.813rem;
  color:#666;
}
.board ul.list>li span:first-child{
  margin-left:0;
}
.board ul.list>li span>font{
  font-size:0.813rem;
  line-height:0.813rem;
  color:#666;
}

.board .view .top{
  margin-bottom:30px;
}

.board .view .info{
  display:flex;
  width:100%;
  justify-content:flex-start;/*가로 중앙정렬*/
  align-items: center;/*세로 중앙정렬*/
}
.board  .view .info>i, .board .view .info>span, .board .view .info>strong{
  display:inline-block;
  margin-left:5px;
  line-height:1.25rem;
  color:#908e8e;
}

.board .view .info>i{
  margin-left:0;
  font-size:1rem;
  line-height:1rem;
  color:#3f3e3e;
  font-style:normal;
  font-weight:600;
}
.board .view .info>span{
  font-size:0.750rem;
  font-weight:500;
}
.board .view .info>strong{
  font-size:0.750rem;
  font-weight:500;
}
.board .view .info>strong>font{
  display:inline-block;
  font-size:0.750rem;
  line-height:1rem;
  font-weight:500;
}

.board .view strong.tit, .board .view div.txt{
  width:100%;
  text-align:left;
  word-break: keep-all;

}
.board .view strong.tit{
  display:inline-block;
  width:100%;
  margin-top:2vh;
  margin-bottom:2vh;
  font-size:2rem;
  line-height:2.250rem;
  color:#323232;

}
.board .view div.txt{
  display:inline-block;
  width:100%;
  font-size:0.875rem;
  line-height:1.375rem;
  color:#323232;
  font-weight:400;

}
.board .view .img{
  position:relative;
  width:100%;
  text-align: left;

}
.board .view .img img{

}


.pagination {
  min-width:300px;
  width:100%;
  margin-top:50px;
  text-align: center;
}
.pagination>a{
  display: inline-block;
  width:30px;
  height:30px;
  font-size: 0.6rem;
  line-height:30px;

  box-sizing: border-box;
}
.pagination>a:hover{

  color:#fff;
}
.pagination>ul{
  display: inline-block;
  width:200px;
  vertical-align:top;
}
.pagination>ul>li{
  display: inline-block;
  width:30px !important;
  height:30px !important;
  margin-bottom:0 !important;
  margin-left: 2px;

  box-sizing: border-box;
  vertical-align:top;
}
.pagination>ul>li:first-child{
  margin:0;
}
.pagination>ul>li>a{
  display:inline-block;
  width:100%;
  height:100%;
  line-height:26px;
  color:#333;
  font-size: 1rem
}
.pagination>ul>li:hover a, .pagination>ul>li.active a{
  border-bottom:1px solid #aaa;
  color:#fff;
}




/**/
.board2{

}
.board2 ul, .board2 ul>li{
  font-size:0;
  line-height:0;
}
.board2 ul.list{
  display:inline-block;
  width:100%;
  text-align: left;
}
.board2 ul.list>li{
  width:31.33%;
  margin-left:3%;
  margin-top:3%;
  border:1px solid #ceccca;
  box-sizing: border-box;
  background-color:#fff;

  -webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}
.board2 ul.list>li:nth-child(3n-2){
  margin-left:0;
}
.board2 ul.list>li:nth-child(1), .board2 ul.list>li:nth-child(2), .board2 ul.list>li:nth-child(3){
  margin-top:0;
}
.board2 ul.list>li:hover, .board2 ul.list>li.active{
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border:1px solid #aaa;

}

.board2 ul.list>li>a{
  display:inline-block;
  width:100%;
  height:100%;
  padding:30px;
  box-sizing: border-box;
}

.board2 ul.list>li b.name, .board2 ul.list>li strong.tit, .board2 ul.list>li p.txt{
  display:inline-block;
  width:100%;
}
.board2 ul.list>li b.name{
  display:inline-block;
  width:100%;
  margin-bottom:5px;
  font-size:1rem;
  font-weight:600;
  line-height: 1.35rem;
  color:#393232;

}
.board2 ul.list>li strong.tit{
  height: 40px;
  margin-bottom:15px;
  font-size:1rem;
  font-weight:600;
  line-height: 1.35rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break:keep-all;
}

.board2 ul.list>li strong.tit>i{
  display:inline-block;
  width:14px;
  height:14px;
  padding-right:1px;
  margin-left:5px;
  margin-top:2px;
  font-weight:600;
  font-size:0.6rem;
  line-height:14px;
  color:#fff;
  font-style: normal;
  text-align:center;
  background-color:#ff0000;
  vertical-align:top;
}
.board2 ul.list>li p.txt{
  height: 65px;
  font-size:0.875rem;
  font-weight:500;
  line-height: 1.3rem;
  color:#666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break:keep-all;
}
.board2 ul.list>li div.info{
  display:inline-block;
  width:100%;
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #eee
}
.board2 ul.list>li div.info strong, .board2 ul.list>li div.info span{
  display:inline-block;
  font-size:0.875rem;
  line-height:0.875rem;
  color:#909497;font-weight:500;
}
.board2 ul.list>li div.info span{
  padding-left:5px;
}
@media only screen and (max-width : 1024px){
  .board2 ul.list>li{
    width:100%;
    margin-left:0;
    border:1px solid #ceccca;

  }
  .board2 ul.list>li:nth-child(2), .board2 ul.list>li:nth-child(3){
    margin-top:3%;
  }
  .board2 ul.list>li strong.tit{
    height: auto;
    margin-bottom:15px;
    font-size:1rem;
    font-weight:600;
    line-height: 1.35rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: auto;
    -webkit-box-orient: vertical;
    word-break:keep-all;
  }
  .board2 ul.list>li p.txt{
    height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break:keep-all;
  }
}








/*검색*/
.board3>.boardSelect{position:relative;float:right;width:370px;height:auto;padding-bottom:10px;padding-left:105px;padding-right:65px;box-sizing:border-box;}
.board3>.boardSelect .searchGb{position:absolute;top:0;left:0;width:100px;height:36px;font-size:1rem;line-height:36px;border-radius:0;background-color:#fff;border:1px solid #d9d9d9}
.board3>.boardSelect .searchGb>option{font-size:1rem;line-height:36px}
.board3>.boardSelect input[type=text]{width:100%;height:36px;box-sizing:border-box;border:1px solid #d9d9d9;}
.board3>.boardSelect input[type=button]{position:absolute;top:0;right:0;width:60px;height:36px;font-size:1rem;line-height:36px;color:#fff;background-color:#575757;border-radius:0 !important;border:none;}

.board3 table.bList{width:100%;}
.board3 table.bList thead tr th{padding-top:18px;padding-bottom:18px;font-size:15px;line-height:18px;}
.board3 table.bList tbody tr td{padding-top:18px;padding-bottom:18px;padding-left:5px;font-size:15px;line-height:18px;text-align:left;color:#555;}
.board3 table.bList tbody tr td span.notice{}

.board3.gray table.bList{border-top:2px solid #333}
.board3.gray table.bList thead, .board.gray table.list thead tr{width:100%;}
.board3.gray table.bList thead tr th{border-bottom:1px solid #99999b;text-align: center;}
.board3.gray table.bList tbody tr td{border-bottom:1px solid #dddddd;text-align: center;}
.board3.gray table.bList .name{width:90px !important;}
.board3.gray table.bList .number{width:70px !important;}
.board3.gray table.bList .date{width:180px !important;}
.board3.gray table.bList .hits{width:50px !important;}
.board3.gray table.bList .file{width:50px !important;}
.board3.gray  .notice{display:inline-block;padding-left:10px;padding-right:10px;margin-right:5px;font-size:13px;line-height:20px;background-color:#072444;color:#fff;}
.board3.gray  .icon{display:inline-block;padding-left:10px;padding-right:10px;margin-right:5px;font-size:13px;line-height:20px;color:#aaa;border:1px solid #dddddd;}

/*검색*/
.board3>.boardSelect{position:relative;float:right;width:370px;height:auto;padding-bottom:10px;padding-left:105px;padding-right:65px;box-sizing:border-box;}
.board3>.boardSelect .searchGb{position:absolute;top:0;left:0;width:100px;height:36px;font-size:1rem;line-height:36px;border-radius:0;background-color:#fff;border:1px solid #d9d9d9}
.board3>.boardSelect input[type=text]{width:100%;height:36px;box-sizing:border-box;border:1px solid #d9d9d9;}
.board3>.boardSelect input[type=button]{position:absolute;top:0;right:0;width:60px;height:36px;font-size:1rem;line-height:36px;color:#fff;background-color:#575757;border-radius:0 !important;border:none;}

/*글보기*/
.board3 table.view{width:100%;}
.board3 table.view thead tr th{width:100px;padding-top:18px;padding-bottom:18px;font-size:1.3rem;line-height:22px;font-weight:500;}
.board3 table.view thead tr td{padding-top:10px;padding-bottom:10px;font-size:14px;line-height:18px;border-bottom:1px solid #99999b;}
.board3 table.view tbody tr td{padding-top:14px;padding-bottom:14px;padding-left:5px;font-size:14px;line-height:18px;text-align:center;}
.board3.gray table.view{width:100%;border-top:2px solid #333}
.board3.gray table.view thead, .board.gray table.view tbody, .board.gray table.view tfoot{width:100%;}
.board3.gray table.view thead tr{width:100%;}
.board3.gray table.view strong.title{display:inline-block;width:150px;text-align:center;}
.board3.gray table.view thead tr th, .board.gray table.write thead tr td{border-bottom:1px solid #99999b;}
.board3.gray table.view thead tr th{text-align: center;}
.board3.gray table.view thead tr td{text-align: left;}
.board3.gray table.view tbody tr>a{display:inline-block;width:100%;height:100%;}
.board3.gray table.view tbody tr td{width:100%;border-bottom:1px solid #959a9e}
.board3.gray table.view thead tr td>input[type=text], .board.gray table.write thead tr td>input[type=password]{width:200px;}
.board3.gray table.view thead tr td>input[type=text].title{width:100% !important}
.board3.gray table.view .w100{width:100% !important;}
.board3.gray table.view  .option{text-align:left;}

@media only screen and (max-width : 640px){
  .board3.gray table.view strong.title{width:100%;}
  .board3.gray table.view  .option{text-align:center;}
  .board3.gray table.bList .number{width:50px !important}
  .board3.gray table.bList .date{width:100px !important;}
}


/**/
.board3 ul.view{
  width:100%;
  border-top:2px solid #333
}
.board3 ul.view>li{
  width:100%;
  padding-top:20px;
  padding-bottom:20px;
  font-size:1.15rem;
  line-height:1.5rem;
  text-align:left;
  border-bottom:1px solid #99999b;
}
.board3 ul.view>li:first-child{
  padding-top:0;
  padding-bottom:0;
}
.board3 ul.view>li>b.title{
  display:inline-block;
  width:100%;
  padding-top:18px;
  padding-bottom:18px;
  font-size:1.3rem;
  line-height:22px;
  font-weight:500;
  text-align:center;
}
.board3 ul.view>li.flie>strong.title{
  display:inline-block;
  width:110px;
  font-size:1.3rem;
  line-height:35px;
  font-weight:500;
  text-align:center;
  vertical-align:top;
}
.board3 ul.view>li.cont{
  line-height:100%;
}
.board3 ul.view>li.cont img{
  margin-top:5px;
  margin-bottom:5px;
}
.board3 ul.view>li.cont p, .board3 ul.view>li.cont span{
  line-height:100%;
}
@media only screen and (max-width :960px) {
  .board3 ul.view>li.flie{
    text-align:center;
  }
  .board3 ul.view>li.flie>strong.title{
    width:100%;
  }
}
/*글쓰기*/
.board3 table.write{width:100%;}
.board3 table.write thead tr th{width:100px;padding-top:18px;padding-bottom:18px;font-size:1.1rem;line-height:22px;font-weight:400;}
.board3 table.write thead tr td{padding-top:10px;padding-bottom:10px;font-size:14px;line-height:18px;}
.board3 table.write tbody tr td{padding-top:14px;padding-bottom:14px;padding-left:5px;font-size:14px;line-height:18px;text-align:center;}
.board3.gray table.write{border-top:2px solid #333}
.board3.gray table.write thead tr th, .board.gray table.write thead tr td{border-bottom:1px solid #99999b;}
.board3.gray table.write thead tr th{text-align: center;}
.board3.gray table.write thead tr td{text-align: left;}
.board3.gray table.write tbody tr>a{display:inline-block;width:100%;height:100%;}
.board3.gray table.write tbody tr td{border-bottom:1px solid #959a9e}
.board3.gray table.write thead tr td>input[type=text], .board.gray table.write thead tr td>input[type=password]{width:200px;}
.board3.gray table.write thead tr td>input[type=text].title{width:100% !important}
.board3.gray table.write thead tr td>span.txt{display:inline-block;font-size:13px;line-height:26px;}
.board3.gray table.write thead tr td>span.explain{display:inline-block;width:200px;padding-left:10px;font-size:13px;line-height:26px;color:#666;}
.boardCont{width:100%;min-height:350px;font-size:1.1rem;line-height:24px;color:#555;}
/*업로드*/
.board3 p.upload{position:relative;display:inline-block;width:300px;padding-right:62px;box-sizing:border-box;}
.board3 p.upload>strong.file{position:relative;display:inline-block;width:100%;padding-right:62px;box-sizing:border-box;}
.board3 p.upload>strong.file span.button{position:absolute;top:0;right:0;display:inline-block;width:62px;font-size:13px;line-height:30px;text-align:center;font-weight:400;color:#fff;background-color:#666;}
.board3 p.upload input[type=text]{width:100% !important;}
.board3 p.upload input[type=file]{position:absolute;top:0;left:0;height:30px;}
.board3 p.upload input[type=button]{position:absolute;top:0;right:0;width:60px;height:30px;line-height:30px;color:#fff;background-color:#000;border:none;}
.uploadList{display:inline-block;width:300px;}
.uploadList li{position:relative;width:100%;height:20px;padding-right:30px;margin-bottom:3px;box-sizing:border-box;}
.uploadList li>.text{display:inline-block;width:100%;height:35px;font-size:13px;line-height:35px;color:#555;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.uploadList li>input[type=button]{position:absolute;top:0;right:0;width:18px;height:18px;font-size:.7rem;color:#333;text-align:center;border:1px solid #959a9e;box-sizing:border-box;}
.uploadList a.link:hover{text-decoration:underline}
@media only screen and (max-width : 540px){
  .uploadList{width:100%;}
  .uploadList li{padding-right:0;}
}
/*글삭제*/
.boardDelete{text-align:center;padding-top:10px;padding-bottom:15px;border-bottom:1px solid #959a9e}
.boardDelete strong{display:inline-block;width:100%;text-align:center;font-size:1.1rem;font-weight:500;}
.boardDelete span{display:inline-block;width:200px;padding-top:10px;}



.btnBox3{
  width:100%;
  padding:50px 0 0 0;
  text-align:center;
}
.btnBox3 a{
  display:inline-block;
  width:170px;
  height:46px;
  font-size:1.3rem;
  line-height:46px;
  font-weight:300;
  text-align:center;
  vertical-align:top;
}
.btnBox3 a.ok{
  color:#fff;
  background-color:#666;
}


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


  .btnBox3{min-width:300px;width:100%;}


}
@media only screen and (max-width :640px){
  /*검색*/
  .board3>.boardSelect{width:100%;padding-left:105px;padding-right:65px;}
  .board3>.boardSelect select{position:relative;width:100%;margin-bottom:5px;}
  .board3>.boardSelect input{margin-bottom:5px;}
  .board3>.boardSelect button{position:relative;width:100%;}
}


/*이전 글, 다음 글*/
ul.moreList{
  position:relative;
  width:100%;
  border-bottom:1px solid #959a9e;
}
ul.moreList>li{
  position:relative;
  width:100%;
  height:46px;
  padding-left:120px;

  box-sizing:border-box;
}
ul.moreList>li:nth-child(1){
  border-bottom:1px solid #eee;
}
ul.moreList>li strong{
  position:absolute;
  display:inline-block;
  top:0;
  left:0;
  width:110px;
  height:100%;
  font-size:1.3rem;
  line-height:46px;
  font-weight:500;
  text-align:center;
  background-color:#f9f9f9;
}
ul.moreList>li span{
  display:inline-block;
  width:100%;
  height:100%;
  font-size:1.2rem;
  line-height:46px;
  font-weight:400;
  color:#666;
  text-align:left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}