@CHARSET "UTF-8";
/***** Search *****/
.srch_box{overflow:hidden;position: relative;display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.rss-countbox {display: inline-flex; align-items: center; align-self: end;}

.srch_box .srch_counts{display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; color: #444444; }
.srch_box .srch_counts p.count_1{color: #dd0042;}
.srch_box .srch_counts p.count_1 strong{color: #444444;}

.search{text-align: right;float: right;display: flex;vertical-align: middle; gap:20px; border-bottom:2px solid #000; }
/* 공지사항 datepicker */
.search input[type="text"]{background: #fff url(./../images/calendar.png) 10px center no-repeat; height:50px; border:none; font-family: 'HG Regular'; font-size: 16px;}
.search ._selectBox{position: relative;min-width: 120px;height: 50px;line-height: 50px;padding-left: 15px; padding-right:30px;font-family: 'HG Regular';background:#fff url('../images/sel-arrow.png') no-repeat right 20px center;;font-size:16px;color:#666;border:none;display: inline-block;vertical-align: middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; margin-right: 8px;}
.search ._selectBox:before{content:'';width:1px;height: 35px;background: #ccc;position: absolute;right:20px;top:5px;}

.search .input-search {position: relative; display: inline-block;}
.search .board-serch input[type="text"]{width: 280px;background-color:#fff; background-image:none;}
.search ._submit {border:none; text-indent: -9999px; width:50px; height:50px; background:url('../images/ico-search.png') no-repeat center; position: absolute; right:0; top:0;}
._fnctWrap .board-serch{}
._fnctWrap .search > fieldset{display:inline-block;vertical-align:middle;}
._fnctWrap .board-date{display: inline-block;vertical-align:middle;}
._fnctWrap .board-date .line{display:inline-block;vertical-align:middle;}
._fnctWrap .board-date .line label{display:none;}
._fnctWrap .board-date .date-space{display:inline-block;vertical-align:middle;margin: 0 10px;}
._fnctWrap .board-date input[type="text"]{width:170px;padding-left:40px;display:inline-block;background-image:url('../images/calendar.png'), url('../images/sel-arrow.png');background-repeat:no-repeat;background-position: 15px center, 92% center;}

#donaSttusDiv table td a{display: block;font-size:16px; font-family: 'HG Regular'; color:#555555; display:flex; align-items:center; white-space:normal;}
#donaSttusDiv table td a strong {display:-webkit-inline-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; line-height: 30px; background: linear-gradient(to bottom, transparent 98%, rgba(0,0,0,1) 0) left center no-repeat; background-size:0; transition: background-size .5s;}
#donaSttusDiv table td a:hover strong{background-size:100% auto;}

@media screen and (max-width:1200px){
	.rss{margin-left:0;padding-top: 5px;background-position: left 11px;}
	._fnctWrap .search > fieldset{display:block;margin-top:5px;}
	.search{}
}

@media screen and (max-width:1024px){
	.search{display: block;float: none;text-align: left;}
	.search .board-date{margin-bottom: 10px;}
	.search .board-serch{}
}
@media screen and (max-width:768px) {
	.srch_box {flex-direction: column; justify-content: start; align-items: start;}
	.rss-countbox {align-self: flex-start; margin-bottom: 10px;}
	.search {width:100%;}
	.search ._selectBox {min-width:100px;}
	.search .input-search {width:calc(100% - 129px); float:right;}
	.search .board-serch input[type="text"] {width:99%;}
}

.donastus .btns{padding: 50px 0; text-align: right; position: relative;}
.donastus .btns input{cursor: pointer;}

/* add 글쓰기 */
.btn01{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center; color:#fff;background:#1174ff;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn01:hover{background-color: #0d4b95;}
/* del 삭제 */
.btn02{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#333333;background: white;border-radius: 5px;border:1px solid #333333; ;font-family: 'HG Regular';font-size:17px;}
.btn02:hover{background-color: #000000; color: white;}
/* list 목록 */
.btn03{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #00b5ad;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn03:hover{background-color: #006274;}
/* rep 답글 */
.btn04{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #00429e;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn04:hover{background-color: #00275d;}
/* edit 수정 */
.btn05{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #ff8400;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn05:hover{background-color: #934c00;}
/* back 이전 */
.btn06{min-width:130px; height:50px; display: inline-flex; align-items: center; justify-content: center;color:#fff;background: #9f9f9f;border-radius: 5px;border:0;font-family: 'HG Regular';font-size:17px;}
.btn06:hover{background-color: #616161;}


/***** Paging *****/
._fnctWrap ._paging{text-align: center; margin-top: 49px;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 35px;height: 35px;line-height: 35px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 2px;}
._fnctWrap ._paging ._inner ul li a{background-color: #F5F5F5 !important;border:none !important; color: #fff;border-radius:5px; color:#555; font-family: 'HG Regular'; position: relative;}
._fnctWrap ._paging ._inner ul li a:hover {background:#e2e2e2 !important;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/first-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._prev{background: url(./../images/prev-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/prev-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/next-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._next{background: url(./../images/next-page10.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/last-page.png) center no-repeat; width:30px; border:none;}
._fnctWrap ._paging ._inner li strong{border:none !important; border-radius:5px; background:#0066b3; color:#fff; font-family: 'HG Medium';}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){ 
._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
	._fnctWrap ._paging ._inner ._pageState {display: block; font-size: 18px; font-family: 'HG Regular'; color:#121212; line-height: 35px;}
	._fnctWrap ._paging ._inner ._curPage {position: relative; color:#1265d3;}
	._fnctWrap ._paging ._inner ._curPage::after {content:'/'; display:inline-block; margin:0 5px; color:#121212; font-family: 'HG Regular'; }
	._fnctWrap ._paging ._inner ul {display: none;}
	._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}

.donaSttus .tableBoard .col-name{width: 300px;}
.donaSttus .tableBoard .col-auto{width: calc( (100% - 300px)/2 );}
.donastus .tableBoard .col-name{width: 300px;}
.donastus .tableBoard .col-auto{width: calc(100% - 300px);}

.tableBoard{border-top: 2px solid #000000;}
.tableBoard-header{display: flex; flex-wrap: wrap;}
.tableBoard-header .table-th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 14.5px 24px; font-weight: normal;}
.tableBoard-header .table-th:last-child{border-right: 0;}
.tableBoard-header .table-th.no-data{flex-wrap: wrap; width: 100%; justify-content: center; padding: 50px 0;}
.tableBoard-header .table-th p{color: #000000; font-family: "HG Medium"; font-size: 17px; text-align: center;}
.tableBoard-content .tableBoard-content-box{display: flex; flex-wrap: wrap;}
.tableBoard-content .tableBoard-content-box a {display: flex; flex-wrap: wrap; width: 100%;}
.tableBoard-content .table-th{background-color: #f1f1f1; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 14.5px 24px; font-weight: normal; text-align: center; font-family: "HG Medium";}
.tableBoard-content .table-td.no-data{width: 100%;}
.tableBoard-content .table-td{background-color: white; border-right: 1px solid #dddee0; border-bottom: 1px solid #dddee0; padding: 12px 24px; text-align: center; display: block; color: #555555; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.tableBoard-content .table-td:nth-child(4){justify-content: end;}
.tableBoard-content .table-td:last-child{border-right: 0;}
.tableBoard-content .no-data{display: block; text-align: center; width: 100%; padding: 50px 0; border-bottom: 1px solid #dddee0;}
.tableBoard-content a strong{background-image: linear-gradient(#000000, #000000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.tableBoard-content a:hover strong{background-size: 100% 1px;}

.tableBoard .align-l{text-align: left;}

@media screen and (max-width: 1000px) {
    .donaSttus .tableBoard .col-name{width: 100%;}
    .donaSttus .tableBoard .col-auto{width: auto;}
    .donaSttus .tableBoard .col-name::after{display: none;}
    .tableBoard-header{display: none;}
    .tableBoard-content .tableBoard-content-box{padding: 15px 0; border-bottom: 1px solid #dddee0; }
    .tableBoard .tableBoard-content-box a{align-items: center;}
    .tableBoard-content .table-th,
    .tableBoard-content .table-td{border: 0; padding: 0 15px; text-align: left; position: relative; background-color: transparent; justify-content: start;}
    .tableBoard-content .table-td::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #555555;}
    .tableBoard-content .table-td:last-child::after{display: none;}
    .tableBoard-content .table-td p{font-size: 13px; color: #888888;}

    .tableBoard .col-name{width: 100%; padding: 0 15px; margin-bottom: 10px;}
    .donaSttus .tableBoard .col-auto{width: auto !important;}
    .donaSttus .tableBoard .tableBoard-content-box > a{width: 100%;}
    .donastus .tableBoard .col-name{width: 100%;}
    .donastus .tableBoard .col-auto{width: auto;}

    .view .tableBoard-content .tableBoard-content-box{padding: 0 0 8px 0;}
    .view .tableBoard .col-name{padding: 8px; margin-bottom: 0;}
    .view .tableBoard-content .table-td{padding: 0 8px;}
}