@charset "utf-8";

#board_part {clear:both; width:100%; margin:10px 0 10px 0; background:#fff;}
.total .here { font-weight: 700; color: #c72804;}

.all_chk {display: inline-block; position: absolute; right: 0; top: 0;}
.tabelDiv {clear: both; width: 100%; position: relative;}


button.alls { border: none; background: #fff7e8; border: 1px solid #ed9a33; font-weight: 300; padding: 5px 10px; cursor: pointer; font-family: 'Pretendard'; font-size:16px;}

.board_down_btn{}

/* 자료형게시판 목록 */
.board_part_list {clear:both; border-collapse:collapse; width:100%; margin:0px; position: relative;}
.board_part_list:before{display: block; position: absolute; content: ""; width: 100%; background: linear-gradient(90deg, #5bbe2a, #f8882e);
 height: 2px; top: -2px; left: 0; z-index: 1;}
.board_part_list thead {background:#f5f5f5; }
.board_part_list thead th {padding: 6px 0; text-align: center; color: #0a0a0a; font-size: 17px; font-weight: 600; height: 37px; background: #fbfbfb; border-bottom: 1px solid #565656;}
.board_part_list thead th:first-child {background-image:none;}
.board_part_list tbody tr.n_list {    background-color: #fffdf7;}	/* 공지글 색상 */
.board_part_list tbody td {color:#121212; border-bottom:1px solid #ccc; font-size:17px;  height:30px; word-break:break-all; padding: 12px 5px;}
.board_part_list td a:hover {color:#d03803; text-decoration:none;}
.board_part_list tbody td.tit_w {max-width:200px !important; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }

/* 자료형게시판/사진첩게시판 보기 */
.board_part_view {clear:both; border-collapse:collapse; border-bottom:1px solid #555; width:100%; margin:15px 0 6px 0px; position:relative;}
.board_part_view:before {display: block; position: absolute; content: ""; width: 100%; background: linear-gradient(90deg, #52b728, #197429); height: 2px; top: -2px;
 left: 0; z-index: 1;}
.board_part_view thead th {font-weight:bold; padding:10px 0; /*padding:6px 0;*/ font-size:23px;/*26px;*/ color:#121212; text-align:center; border-bottom: 1px solid #bbb; height:60px; word-break:break-all; font-family: 'Pretendard';}
.board_part_view td {color:#121212/*#868686*/; background:#fff; height:50px; padding:0 10px; font-size:16px; font-weight:normal;}
.board_part_view th.subT {padding: 15px 0; text-align: center; color: #0f5a57; background: #f9f9f9; border-bottom: 1px solid #99bbae; font-size: 17px; font-weight: 600;}
.board_part_view td.subC {color:#121212; height:15px; border-bottom: 1px solid #99bbae;}
.board_part_view td.subC p {margin:8px 0; vertical-align: top; line-height:16px;}
.board_part_view td.subC a:hover {color:#007e15;}
.board_part_view .smartOutput{padding:25px 5px; min-height:100px; vertical-align:top;}


.total  {padding:10px 0 8px 0;}
.search {position:absolute; top:0; right:0; text-align:right; font-size:0.92em;}


/* 갤러리게시판 목록 */
.td_photo_type {width:100%; overflow:hidden; position:relative;}

.td_photo_type .photobox{width:100%; margin:0 auto; position:relative; margin-top:2px;}
.td_photo_type .photobox:before {display: block; position: absolute;  content: ""; width: 100%; background: linear-gradient(90deg, #5bbe2a, #f8882e); height: 2px; top: -2px; left: 0; z-index: 1;}
.td_photo_type .photobox > li{width:calc((100% / 3) - 20px); display:inline-block; margin-right:20px; font-size:17px; position:relative; border-bottom:1px solid #1a782f;}
.td_photo_type .photobox > li:nth-child(3n){margin-right:0;}
.td_photo_type .photobox > li.gallery_none_txt {width: 100%; font-size: 16px; border-bottom: 1px solid #ccc;}

.td_photo_type ul li{display: block; clear:both;}
.imgarea{width:100%; padding-top:60%; cursor:pointer; overflow:hidden; position:relative;}
.imgarea img{width:100%; position:absolute; top:0; left:50%; transform:translateX(-50%); min-height:100%; transition:0.3s all ease;}

.td_photo_type .photobox > li:hover .imgarea img{width:110%;}


.onepic{width:330px;}
.onepic img{width:100%;}
.picinfo {width:100%; padding:15px 20px; background:#f9f9f9; box-sizing:border-box;}
.picinfo .title {margin-bottom:10px; font-size:20px; width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.picinfo .title a:hover {color:#eb1a5f;}
.picinfo .info {width:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom:15px; color:#666; font-weight:300;}

.twopic1, .twopic2{width:330px; height:120px; overflow:hidden;}
.twopic1{margin-bottom:7px;}
.twopic img{width:100%; margin-top:-20%;}
.twopic{width:330px; display:block; clear:both;}


.threepic1{width:330px; height:120px; overflow:hidden; margin-bottom:7px;}
.threepic1 img{margin-top:-20%;}
.threepic2, .threepic3{width:162px; height:120px; overflow:hidden;}
.threepic2{margin-right: 6px;}
.threepic img{width:100%;}
.threepic{width:330px;}

.fourpic1, .fourpic2, .fourpic3, .fourpic4{width: 162px; height:120px; overflow:hidden;}
.fourpic1, .fourpic2{margin-bottom:7px;}
.fourpic1, .fourpic3{margin-right:6px;}
.fourpic img{width:100%;}
.fourpic{width:330px;}

.fivepic1, .fivepic2{width:162px; height:120px; overflow:hidden; margin-bottom:7px;}
.fivepic3, .fivepic4, .fivepic5{width:106px; height:120px; overflow:hidden;}
.fivepic1, .fivepic3, .fivepic4{margin-right:6px;}
.fivepic1 img{width:100%;}
.fivepic2 img{width:100%;}
.fivepic{width:330px;}

.morepic1, .morepic2{width:162px; height:120px; overflow:hidden; margin-bottom:7px;}
.morepic3, .morepic4, .morepic5{width:106px; height:120px; overflow:hidden;}
.morepic1, .morepic3, .morepic4{margin-right:6px;}
.morepic1 img{width:100%;}
.morepic2 img{width:100%;}
.morearea{position:absolute; display:block; width:106px; height:120px; background-color:#000; opacity:0.6; color:#fff; font-size:20px; line-height:120px; text-align:center;}


/*갤러리게시판 보기 하단 목록*/
.boardDivView {clear:both; overflow:hidden; width:90%; margin:0 auto 30px auto; border-top:2px solid #ccc;}
.boardDivView .td_photo_type .photobox li{width:100%; margin:5px 0; border-top:1px solid #16186d;}
.boardDivView .imgarea{width:150px; height:112px; cursor:pointer;}
.boardDivView .picinfo {width:80%;}
.boardDivView .picinfo .pinfoul{margin-left: 15px; width:100%; }
.boardDivView .picinfo .pinfoul p{font-size:17px; border:0; width:100%;}

.boardDivView .onepic{width:150px;}
.boardDivView .onepic img{width:100%;}

.boardDivView .twopic1{width:150px; height:55px; overflow:hidden;}
.boardDivView .twopic2{width:150px; height:55px; overflow:hidden;}
.boardDivView .twopic1{margin-bottom:2px;}
.boardDivView .twopic img{width:100%; margin-top:-20%;}
.boardDivView .twopic{width:150px; display:block; clear:both;}


.boardDivView .threepic1{width:150px; height:55px; overflow:hidden; margin-bottom:2px;}
.boardDivView .threepic1 img{margin-top:-20%;}
.boardDivView .threepic2{width:74px; height:55px; overflow:hidden;}
.boardDivView .threepic3{width:74px; height:55px; overflow:hidden;}
.boardDivView .threepic2{margin-right: 2px;}
.boardDivView .threepic img{width:100%; }
.boardDivView .threepic{width:150px;}

.boardDivView .fourpic1{width: 74px; height:55px; overflow:hidden;}
.boardDivView .fourpic2{width: 74px; height:55px; overflow:hidden;}
.boardDivView .fourpic3{width: 74px; height:55px; overflow:hidden;}
.boardDivView .fourpic4{width: 74px; height:55px; overflow:hidden;}
.boardDivView .fourpic1{margin-bottom:2px;}
.boardDivView .fourpic2{margin-bottom:2px;}
.boardDivView .fourpic1{margin-right:2px;}
.boardDivView .fourpic3{margin-right:2px;}
.boardDivView .fourpic img{width:100%;}
.boardDivView .fourpic{width:150px;}

.boardDivView .fivepic1{width:74px; height:55px; overflow:hidden; margin-bottom:2px;}
.boardDivView .fivepic2{width:74px; height:55px; overflow:hidden; margin-bottom:2px;}
.boardDivView .fivepic3{width:49px; height:55px; overflow:hidden;}
.boardDivView .fivepic4{width:48px; height:55px; overflow:hidden;}
.boardDivView .fivepic5{width:49px; height:55px; overflow:hidden;}
.boardDivView .fivepic1{margin-right:2px;}
.boardDivView .fivepic3{margin-right:2px;}
.boardDivView .fivepic4{margin-right:2px;}
.boardDivView .fivepic1 img{width:100%;}
.boardDivView .fivepic2 img{width:100%;}
.boardDivView .fivepic{width:150px;}

.boardDivView .morepic1{width:74px; height:55px; overflow:hidden; margin-bottom:2px;}
.boardDivView .morepic2{width:74px; height:55px; overflow:hidden; margin-bottom:2px;}
.boardDivView .morepic3{width:49px; height:55px; overflow:hidden;}
.boardDivView .morepic4{width:48px; height:55px; overflow:hidden;}
.boardDivView .morepic5{width:49px; height:55px; overflow:hidden;}
.boardDivView .morepic1{margin-right:2px;}
.boardDivView .morepic3{margin-right:2px;}
.boardDivView .morepic4{margin-right:2px;}
.boardDivView .morepic1 img{width:100%;}
.boardDivView .morepic2 img{width:100%;}
.boardDivView .morearea{position:absolute; display:block; width:49px; height:55px; background-color:#000; opacity:0.6; color:#fff; font-size:16px; line-height:55px; text-align:center;}


/*보도형 게시판*/
.bodo_type {width:100%; overflow:hidden; position:relative; }
.bodo_type:before {display: block; position: absolute; content: ""; width: 100%; background: linear-gradient(90deg, #5bbe2a, #f8882e); height: 2px; top: 0; left: 0; z-index: 1;}
.bodo_type .num{width:7%; text-align:center; font-size:14px; font-weight:700; color:#7451e0;}
.bodo_type .bodo_info{width:100%; position:relative;}

.bodo_type > ul {width:100%; overflow:hidden; margin:0 auto; font-size:0;}
.bodo_type > ul > li {box-sizing:border-box; padding:30px 15px; width:100%; border-bottom: 1px solid #ccc; position:relative;}
.bodo_type > ul > li.no_content {width:100%;  border:none;  box-sizing:border-box; padding:20px 15px; font-size:16px; text-align:center; font-weight:500;  border-bottom: 1px solid #e3e3e3;}

.bodo_type > ul > li .chk_input {position:absolute; top:38px; left:0;}

.bodo_type > ul > li > div{display:inline-block; vertical-align:middle;}
.bodo_type > ul > li > div.bodo_info{box-sizing:border-box; padding-left: 10px; height:100%; font-size:0;}
.bodo_type > ul > li > div.bodo_info > div{display:inline-block; vertical-align:middle; box-sizing:border-box;}
.bodo_type > ul > li > div.bodo_info .bodo_img {width: 274px; height: 175px; box-sizing: border-box; border: 1px solid #6dad66; position: relative;
 overflow: hidden;}
.bodo_type > ul > li > div.bodo_info .bodo_img img{position:absolute; width:100%; height:auto; left:50%; top:50%; transform:translate(-50%, -50%);}
.bodo_type > ul > li > div.bodo_info .info_line{width:calc(100% - 275px); padding-left:30px; word-break:keep-all;}
.bodo_type > ul > li.no_img > div.bodo_info .bodo_img{display:none;}
.bodo_type > ul > li.no_img > div.bodo_info .info_line{width:100%; padding-left:0;}
.bodo_type > ul > li > div.bodo_info .title{font-size:23px; font-weight: 500; position:relative; margin-bottom:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Pretendard';}
.bodo_type > ul > li > div.bodo_info .title .ntc_icon{margin-right:8px; width:30px;}
.bodo_type > ul > li > div.bodo_info .title a:hover{color:#e20a3d;}
.bodo_type > ul > li > div.bodo_info .txt{line-height:1.4em; font-size:18px; width:100%; margin-bottom:35px; height:45px; word-break:keep-all;overflow: hidden;
 text-overflow: ellipsis; white-space: nowrap;}
.bodo_type > ul > li > div.bodo_info .etc_list{font-size:0;}
.bodo_type > ul > li > div.bodo_info .etc_list li{font-size:17px; display:inline-block; vertical-align:top; margin-right:15px; position:relative;}
.bodo_type > ul > li > div.bodo_info .etc_list li:after {display:block; content:""; width:1px; height:16px; background:#aaa; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(15deg);}
.bodo_type > ul > li > div.bodo_info .etc_list li:last-child:after {display:none;}
.bodo_type > ul > li > div.bodo_info .etc_list li.date{background:url(/images/board/date_icon.png) no-repeat; background-position:left center; padding:3px 15px 3px 25px;}
.bodo_type > ul > li > div.bodo_info .etc_list li.writer{background:url(/images/board/writer_icon.png) no-repeat; background-position:left center; padding:3px 15px 3px 22px;}
.bodo_type > ul > li > div.bodo_info .etc_list li.view{background:url(/images/board/views_icon.png) no-repeat; background-position:left center; padding:3px 0 3px 30px;}

.bodo_type > ul > li, .bodo_type > ul > li > div.bodo_info{transition:0.3s all ease;}

.board_part_write td input {border: #9c9c9c 1px solid; padding: 5px; font-family: 'Pretendard'; font-weight: 300; font-size: 15px;}

.org_farea {width: 100%; background-color: #f8f8f8; box-sizing: border-box; padding: 10px 15px; border-radius: 5px;}

.board_part_write td span.check_txt { font-size: 15px; background: url(/images/board/board_ex_icon.png) no-repeat; line-height: 1.3em; margin-top: 5px;
 padding: 1px 0 1px 20px; background-position: left 3px; display: inline-block; word-break: keep-all;}

.org_farea span.org_file {font-weight: 500; display: block; margin-bottom: 5px; font-size: 15px;}

.org_farea .org_fl li .del { font-size: 14px; color: #ff0000;}

.board_part_view .smartOutput img {width:auto; max-width: 100% !important; height: auto !important; margin: 5px auto; display: block; }


/* 게시판 쓰기 */
.board_part_write {clear:both; border-collapse:collapse; width:100%; margin:2px 0 6px 0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;position:relative;}
.board_part_write:before{content: ''; display: block; position: absolute; content: ""; width: 100%; background: #3f7c34; height: 2px;
 top: -2px; left: 0; z-index: 1;}
.board_part_write th {background: #f9fff4; padding: 13px 10px; color: #4d4d4d; border-bottom: 1px solid #aac1a0; border-right: 1px solid #aac1a0;
 font-family: 'Pretendard'; font-size: 17px; text-align: left; font-weight:500;}
.board_part_write th label img {float:right;}
.board_part_write td {color:#121212;/*#727272;*/ padding:10px; border-bottom:#ccc 1px solid; font-size:16px; font-weight:300;}
.board_part_write td input.tdtopip {width:95%;}
.board_part_write td input::placeholder {color:#666;}
.board_part_write .cbbold{font-weight:bold; color:blue;}


.board_part_write .check_text{font-size: 15px; color: #555; display: inline-block; margin: 6px 0 0 0; line-height: 22px; padding-left: 21px;
 background: url(/images/board/board_ex_icon.png) no-repeat; background-position: 2px 4px;	margin-left:2px;}



/*목록 검색 부분*/
.schdivBox{height:60px; width:100%; /*background-color:#ececec;*/ margin:35px auto 15px auto;}
#schDiv { font-size: 0; text-align: center;}
#case {width: 110px; height: 42px; font-size: 17px; padding:5px 20px 5px 10px; border: none; border-bottom: solid 2px #565656; font-family: 'Pretendard'; background:url(/images/board/board_select_bg.png) no-repeat right 10px top 17px; -webkit-appearance: none; position:relative;}
#sear {width: calc(100% - 600px); height: 30px; border: none; padding: 5px 8px 5px 15px; border-bottom: solid 2px #565656; font-family: 'Pretendard'; font-size: 16px;}
.btn_searchn {padding: 0px 16px 9px; border-bottom: 2px solid #565656; display: inline-block; vertical-align: bottom;}

/*//목록 검색 부분*/

.boardDiv {clear:both;overflow:hidden; width:100%; margin:0 auto;}
.boardDiv {clear:both;overflow:hidden;}
.tabelDiv {clear:both; width:100%; margin:10px 0 10px 0; background:#ffffff;}

.donate01_file .boardDiv {width:100%; }





/*기존페이징*/
/*
#board_btn_seldelete {float:right;padding:0; margin:0;}

#pageing {clear:both; display:block; height:38px; width:100%; text-align:center;font-size:93%;padding:5px 0 0 0; }
#pageing a {float:left; line-height:38px; margin:0 2px; color:#777; display:block; width:38px; height:38px; border:1px solid #ccc; box-sizing:border-box;}
#pageing a:link,
#pageing a:visited{color:#777;}
#pageing a:active,
#pageing a:hover{color:#16186d; text-decoration:none; border:1px solid #16186d; box-sizing:border-box;}
 .pageAdiv{display:block; position:absolute; left: 50%; transform: translateX(-50%);}*/



 /*페이징디자인*/
.paging {display:block; height:26px; width:100%; text-align:center; padding:15px 0 10px 0; margin:0 auto;}
/* 크기조절 by anji 20171117
.paging ul li{float:left; margin:0 2px; width:38px; height:39px; border:1px solid #ccc; box-sizing: border-box;}
.paging ul li a{display: block; line-height:34px; font-size:16px;}
*/
.paging ul li{display:inline-block; margin:0 1px; width:28px; height:30px;  box-sizing: border-box;}
.paging ul li a{display: block; line-height:26px; font-size:16px;}
.paging ul li.on a {color:#111;}
.paging ul li img {width: 100%; height: 100%; border-radius: 50%; border: 1px solid #45a327;}
.paging ul li:hover img {background:#f5f5f5;}

.paging .on{border-bottom:2px solid #444; box-sizing:border-box;}

 /*//페이징디자인 + 버튼디자인*/

#BtnDiv{ clear:both; overflow:hidden; width:100%; }
#BtnDiv ul li{ list-style:none; border:0;}
#BtnDiv .btnright {float:right;margin:0;text-align:right; display:block;  }
#BtnDiv .btnleft { float:left; margin:0;text-align:left;display:block;}


.BtnDiv {clear:both; overflow:hidden; width:100%; height:50px; margin:10px 0 40px 0;}
.BtnDiv .btnright {float:right; margin:0; text-align:right; display:block;}
.BtnDiv .btnleft {float:left; margin:0; text-align:left; display:block;}
.BtnDiv ul li {list-style:none; border:0;}


.BtnDiv a{display:inline-block;}
.BtnDiv a span {display: inline-block; vertical-align: top; width: 110px; height: 45px; background: #fff; line-height: 40px; border: 2px solid #ddd; text-align: center; font-family: 'Pretendard'; font-weight: 300; font-size: 17px; transition: 0.3s all ease; color: #000;  box-sizing: border-box; position:relative; border-radius:8px;}
.BtnDiv a span:before {display:block; content:""; width:15px; height:100%; border-top:2px solid #6fbf53; border-left:2px solid #6fbf53; border-bottom:2px solid #6fbf53; border-radius:8px 0 0 8px; position:absolute; top:-2px; left:-2px;}
.BtnDiv a span:after {display:block; content:""; width:15px; height:100%; border-top:2px solid #6fbf53; border-right:2px solid #6fbf53; border-bottom:2px solid #6fbf53; border-radius:0 8px 8px 0; position:absolute; top:-2px; right:-2px;}
.BtnDiv a span:hover {border:2px solid #6fbf53; font-weight:500;}

/* 선택삭제버튼 */
.BtnDiv a.delete_btn span:before {display:block; content:""; width:15px; height:100%; border-top:2px solid #e54716; border-left:2px solid #e54716; border-bottom:2px solid #e54716; border-radius:8px 0 0 8px; position:absolute; top:-2px; left:-2px;}
.BtnDiv a.delete_btn span:after {display:block; content:""; width:15px; height:100%; border-top:2px solid #e54716; border-right:2px solid #e54716; border-bottom:2px solid #e54716; border-radius:0 8px 8px 0; position:absolute; top:-2px; right:-2px;}
.BtnDiv a.delete_btn span:hover {border:2px solid #e54716;}

/* 등록버튼 */
.BtnDiv a.write_btn span:before {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-left:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:8px 0 0 8px; position:absolute; top:-2px; left:-2px;}
.BtnDiv a.write_btn span:after {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-right:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:0 8px 8px 0; position:absolute; top:-2px; right:-2px;}
.BtnDiv a.write_btn span:hover {border:2px solid #0f9489;}

/* 게시판 쓰기 등록버튼 */
.BtnDiv button.write_btn span {color:#000;}
.BtnDiv a.write_btn span:before {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-left:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:8px 0 0 8px; position:absolute; top:-2px; left:-2px;}
.BtnDiv a.write_btn span:after {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-right:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:0 8px 8px 0; position:absolute; top:-2px; right:-2px;}
.BtnDiv a.write_btn span:hover {border:2px solid #0f9489;}

/*등록버튼*/
.BtnDiv button { border: none; background: none; padding: 0;}
.BtnDiv button span {display: inline-block; vertical-align: top; width: 110px; height: 45px; background: #fff; line-height: 40px; border: 2px solid #ddd; text-align: center; font-family: 'Pretendard'; font-weight: 300; font-size: 17px; transition: 0.3s all ease; color: #000;  box-sizing: border-box; position:relative; border-radius:8px;}
.BtnDiv button.write_btn span:before {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-left:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:8px 0 0 8px; position:absolute; top:-2px; left:-2px;}
.BtnDiv button.write_btn span:after {display:block; content:""; width:15px; height:100%; border-top:2px solid #0f9489; border-right:2px solid #0f9489; border-bottom:2px solid #0f9489; border-radius:0 8px 8px 0; position:absolute; top:-2px; right:-2px;}
.BtnDiv button.write_btn span:hover {border:2px solid #0f9489;}

/**통합검색***/

.board_part_tlist {clear: both; border-collapse: collapse; width: 100%; margin: 2px 0 6px 0px;}
.board_part_tlist tbody th {background:#efefef; border-top:#5da630 1px solid;}
.board_part_tlist tbody td {border-top:#afafaf 1px dotted; }
.board_part_tlist tbody td a  { color:#5da630; font-weight:bold; }
.board_part_tlist tbody td a:hover { color:#5da630; }







.brd_view {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}
textarea.txtcont {background-color:#fff; border:1px solid #b7b7b7;}
input.passwd {height:19px;  background-color:#e6f2f0; border: 1px #2e907f solid;}







.btn_white {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#224744;
/*	font-family:Arial; */
	font-size:12px;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btn_white:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.btn_white:active {
	position:relative;
	top:1px;
}

/*갤러리게시판 달력버튼*/
.board_part_write .calneder_p{margin-left:20px;}

/*faq게시판 목록*/
#board_faq_list{margin-bottom:20px;}

#board_faq_list .total_field .bold{font-weight:500; color:#df4675;}
#board_faq_list .board_faq{margin-bottom: 30px; position:relative;}
#board_faq_list .board_faq:before{content:''; position:absolute; top:0; left:0; width: 100%; height: 2px; background: linear-gradient(90deg, #5bbe2a, #f8882e);}
#board_faq_list .board_faq > li:last-child{border-bottom: 1px solid #555;}
#board_faq_list .board_faq > li {border-bottom: 1px solid #e2e2e2; }
#board_faq_list .board_faq .gallery_none_txt span{display:inline-block; width: 100%; text-align: center; margin:15px;}
.gallery_none_txt { padding-top: 7px; border-bottom: 1px solid #e3e3e3; font-size: 15px; height: 55px;/*30px*/ word-break: break-all; text-align: center;}

#board_faq_list .board_faq > li dl dt{position:relative;}

#board_faq_list .board_faq > li dl > dt { position: relative; box-sizing: border-box; width: 100%; font-size: 17px; line-height: 23px; word-break: keep-all;
overflow: hidden;}
#board_faq_list .board_faq > li dl > dt > a { display: flex; flex-wrap: wrap; width: 100%; align-items: center; height: 100%; float: left; word-break: break-all; font-family: 'Pretendard'; font-weight: 300; padding: 20px 85px 20px 25px; box-sizing: border-box;}

#board_faq_list .faq_ul{font-family: 'Pretendard';}
#board_faq_list .board_faq > li dl > dd {/*display:none;*/ padding: 20px 25px; border-top:1px dashed #aaa; background: #f9f9f9; font-size: 16px; word-wrap: break-word;
 word-break: break-all; line-height: 23px; min-height: 85px; font-weight: 300;}

#board_faq_list .board_faq > .active dl > dd {display: block !important; border-top: 1px solid #e2e2e2;}

/*q아이콘, a아이콘*/
#board_faq_list .board_faq .question_icon {display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 30px; margin-right: 15px;}
#board_faq_list .board_faq .answer_icon {display: inline-block; float: left; width: 33px; height: 33px; text-align: center; line-height: 30px; margin-right: 15px;}

/*faq수정삭제버튼 링크영역*/

.del_btn_faq {border: 1px solid #df6328; margin-left: 5px; background-color: #fff6f6; border-radius: 5px;}
.edit_btn_faq {border: 1px solid #2871bd; background-color: #effdfb; border-radius: 5px;}
.faq_list_btn { display: inline-block; float: right; padding: 5px 15px 3px; font-size: 14px; font-family: 'Pretendard'; }
.faq_manager {display: inline-block; float: right; margin: 0px 30px 25px 15px;}
.faq_link_box {padding: 10px 8px 10px 40px; background: #ffffff url(/images/board/b_link_icon.png) no-repeat left 15px top 14px; border-radius: 10px; margin-top: 15px; border: 1px dashed #40ab61;}
.faq_link_box a:hover {color:#038c0c;}

/*active붙었을때*/
#board_faq_list .board_faq > .active dl > dt > a > span.question_info{font-weight:500; color: #4947b1;}
#board_faq_list .board_faq > .active dl > dd{display:block !important; border-top: 1px solid #e2e2e2;}
#board_faq_list .board_faq > .active dl dt{position:relative;}

/*질문 답변 영역*/
#board_faq_list .board_faq .question_info {width: -webkit-calc(100% - 48px) !important; width: -webkit-calc(100% - 48px) !important; width: -moz-calc(100% - 48px) !important; width: calc(100% - 48px) !important; display: inline-block; word-break: keep-all; box-sizing: border-box; padding-left: 5px;}
#board_faq_list .board_faq .answer_info {line-height: 22px; width: -webkit-calc(100% - 55px) !important; width: -webkit-calc(100% - 50px) !important;
width: -moz-calc(100% - 50px) !important; width: calc(100% - 50px) !important; display: inline-block; padding-top: 5px;}



/* 후원하기 */
.privacy {border: 1px solid #555; border-bottom: 1px solid #f16338; line-height: 24px; font-size: 17px; margin: 23px auto 15px auto; width: 100%;
 box-sizing: border-box;}
.privacy .use_box{padding:20px; box-sizing:border-box;}
.privacy_first{margin-top:5px;}
.privacy .use_box .scroll_box { width: 100%; background-color: #FFF; text-align: left; }
.privacy .use_box p.tit {display:inline-block; font-size: 18px; color: #113a1d; font-weight: 600; margin-bottom: 5px; position:relative; z-index:1;}
.privacy .use_box p.tit:before {display:block; content:""; width:100%; height:8px; background:#dcfbd8; position:absolute; bottom:4px; left:0; z-index:-1;}

.use_check {display: block; text-align: right; width: 100%; font-size: 16px; font-weight: 400; box-sizing: border-box;
 padding: 10px; border-top: 1px dashed #ffba72; background: #fff7f2; position:relative;}
.use_check:before {display:block; content:""; width:240px; height:1px; background:#1f9d66; position:absolute; bottom:-1px; right:0;}
.use_check:after {display:block; content:""; clear:both;}
.use_check .check_txt { float:left; font-size:16px; padding-left: 28px; position:relative;}
.use_check .check_txt:before {display: block; content: ""; width: 2px; height: 8px; background: #444; transform: rotate(-40deg); position: absolute; top: 10px; left: 6px;}
.use_check .check_txt:after {display: block; content: ""; width: 2px; height: 15px; background: #444; transform: rotate(45deg); position: absolute; top: 5px; left: 13px;}
.use_check .radio_field {float:right;}
 #agree1_1 {margin-left: 20px;}

.donate01_file{padding-bottom:30px;}

 .donate01_file .donate_last{width:98%; padding-left: 15px; padding-top:20px; box-sizing:border-box;}
 .donate01_file .donate_last p{font-size:18px; border-left: 4px #ccc solid; padding-left:5px;   margin: 20px 0px;}
 .donate01_file .boardDiv .board_part_write td input.tdtopip{width:90%;}

.donate_exp_list{border-left:5px solid #b4b4b4;} 
.donate_list li{display:inline-block; vertical-align:middle; margin:3px 0;}



@media screen and (max-width: 1320px){

/*게시판 검색영역*/
.schdivBox{margin: 0px auto 15px auto;}
}




@media screen and (max-width: 1240px){

/*갤러리게시판 보기 하단 목록*/
.boardDivView{display:none;}

}

@media screen and (max-width: 1200px){


/*갤러리게시판 보기 하단 목록*/
.boardDivView{display:none;}

}





@media screen and  (max-width: 960px){

/*갤러리게시판 보기 하단 목록*/
.boardDivView{display:none;}


}



@media screen and (max-width: 850px){

/* 검색창 영역 */
#sear {width:calc(100% - 200px);}

/*후원신청 동의여부*/
.donate01_file .boardDiv {width:98%;}
.use_check {width: 100%; text-align: center; border-bottom: 1px #ddd solid; margin-bottom: 0px; margin-right: 0px;}
.use_check .check_txt {width: 100%; text-align: center; float: none; font-size: 16px; font-weight:600;}
.use_check .radio_field {float: none; margin: 7px 0 0 0;}
.privacy {width:auto;}
.use_check:before {bottom:-2px;}

/*갤러리 게시판 목록 new*/
.td_photo_type .photobox li {width:calc(50% - 22px);}

/*갤러리게시판 보기 하단 목록*/
.boardDivView{display:none;}
}


@media screen and (max-width: 750px){

/*갤러리게시판*/
.td_photo_type {padding:15px 0 0 0px;}
.td_photo_type .photobox>li:last-child{margin:0;}
.td_photo_type ul li div{display:block;}
.picinfo {width:100%;}
.imgarea {width:100%;}
.onepic, .twopic, .threepic, .fourpic, .fivepic{width:330px; border:2px solid #ccc; position:relative; left:50%; transform:translate(-50%);}
.td_photo_type .photobox li{padding-top:10px;}
.picinfo .pinfoul{margin-left:5px; width:100%; }
.picinfo .pinfoul li:first-child{font-size:17px; color:#173679; border-left:5px solid #a695fc; padding-left:5px; line-height:17px;}
.picinfo .pinfoul li{font-size:15px;  height:20px; border:0; width:100%; }
.picinfo .pinfoul li:last-child{border-top:1px solid #ccc; height:55px; padding:15px 0 0 5px;}


.board_part_view td {font-size:15px;}
.board_part_view th.subT {font-size:15px;}

/*갤러리게시판 보기 하단 목록*/
.boardDivView{display:none;}


/*보도형 게시판 목록*/
	.bodo_type .num{display:none;}
	.bodo_type > ul > li > div.bodo_info{width:100%; padding-left:15px;}


/*게시판 보기*/
.board_part_view {margin:-10px 0 6px 0px;}
.board_part_view thead th {font-size:19px;}
.board_part_view th.subT.viewcount{display:none;}
.board_part_view td.subC.viewcount{display:none;}
.board_part_view td.subC.regidate {width:100%;}

/*게시판 목록*/
.board_part_list .viewPC {display:none;}

#tabelDiv {overflow-X:auto;}
.board_part_write {min-width:320px;}

}








@media screen and (max-width: 680px){

/* 갤러리게시판 */
.td_photo_type .photobox {width:98%;}
.td_photo_type .photobox > li {width:100%; margin-right:0; margin-bottom:20px;}

/*보도형 게시판*/
.bodo_type > ul > li > div.bodo_info .bodo_img{width:100%;margin: 0 auto 25px auto; display:block;}

.bodo_type > ul > li > div.bodo_info {padding-left:0;}
.bodo_type > ul > li > div.bodo_info .info_line{width: 100%; padding-left: 0;}
.bodo_type > ul > li > div.bodo_info .txt{margin-bottom: 7px;}

/*게시판버튼*/
/*.BtnDiv a span{width: 75px;}*/
.BtnDiv .delete_btn{margin-right: 5px;}

}

@media screen and (max-width: 600px){

.board_part_list .num_w {display:none;}
.board_part_list .date_w {width:25% !important;}
.board_part_list .view_w {display:none;}

}



@media screen and (max-width: 500px){
.donate01_file .board_part_write th{font-size:12px; word-break:break-all;}

/*faq게시판*/
#board_faq_list .board_faq > li dl > dt > a{padding:10px 0;}
#board_faq_list .board_faq .question_info{width:calc(100% - 55px) !important; word-break: break-all;}

}



@media screen and (max-width: 460px){
/*갤러리게시판 달력버튼*/
.board_part_write .calneder_p{margin-left:0px;}

/* 버튼 */
.BtnDiv a span {width:92px;}

/*보도자료*/
.bodo_type > ul > li > div.bodo_info .etc_list li{font-size: 13px;}

}



@media screen and (max-width: 400px){
.board_part_list .writer_w{display:none;}

}