/* =======================================================
boardtotal
   ======================================================= */


.boardtotal { display:none}





/* =======================================================
searcharea
   ======================================================= */
.searcharea  * {box-sizing:border-box;}

.searcharea ul,
.searcharea {display:flex; flex-wrap:wrap;}

.searcharea { justify-content: end;}

.searcharea ul li::before {display:none}
.searcharea ul li:empty { display: none;}


.searcharea ul {gap:0px 10px; border:1px solid #ddd; width:100%; max-width:500px;}

.searcharea select,
.searcharea input {border:none; background:transparent;   }

.searcharea select {border-right:1px solid #ddd;}
.searcharea select option,
.searcharea select,
.searcharea input,
.searcharea input::placeholder {
  font-size: 18px; 
}

.searcharea select,
.searcharea input,
.searcharea input::placeholder {
 height:70px; 
  line-height: 70px;
}
.searcharea li.wd28 {width:130px;}


.searcharea select { width:100%; font-weight:600;
  appearance: none;         padding:0px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-right:1px solid #ddd;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 20px 20px;
}
.searcharea li.wd48 {flex:1;}
.searcharea input[name='sword'] {width:100%; padding:0px 20px;}
.searcharea input::placeholder {color:#666;}
.searcharea li.wd18 {width:80px;}
.searcharea  .searchbtn {text-indent:-999px; width:100%;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 30px;
background-repeat: no-repeat;
background-position: center  center;

}


@media (max-width: 640px) {
		.searcharea select option,
		.searcharea select,
		.searcharea input,
		.searcharea input::placeholder {
		  font-size: 16px; 
		}

			.searcharea select,
			.searcharea input,
			.searcharea input::placeholder {
			 height:55px; 
			  line-height: 55px;
			}

		.searcharea select ,
		.searcharea input[name='sword'] {padding:0px 10px;}
			.searcharea li.wd28 {width:100px;}
		.searcharea li.wd18 {width:50px;}
		.searcharea  .searchbtn {background-size: auto 25px;}
  }






/* =======================================================
searcharea
   ======================================================= */
.boardtable thead th p, .boardtable thead td p,
.boardtable tbody th p, .boardtable tbody td p  {font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit;}
.boardtable{width:100%;  border-top:3px solid var(--black); margin-top:20px;}
.left1rem { margin-left: 1rem !important}

.boardtable.pweight td p {font-weight:300;}


.boardtable.whitebg thead,
.boardtable.whitebg tbody{background:#fff;}


	.boardtable thead  {border-bottom:2px solid var(--black); }
	.boardtable tbody {border-bottom:1px solid var(--black); }
.boardtable thead  th,
.boardtable thead  td{padding:20px 10px;  font-size:20px;  font-weight:700; text-align:center; }
.boardtable tbody tr td,
.boardtable tbody tr th {border-top:1px solid rgba(0,0,0,0.1);}
.boardtable tbody tr th,
.boardtable tbody tr td{ padding:20px 0px;  text-align:center; font-size:18px; }
.boardtable tbody tr:nth-child(1) td {border-top:none}


.boardtable tbody.thcolor th {background:rgba(147,147,147,0.1); font-weight:600; line-height:1.1}

.boardtable thead.thcolor2 th {background:#6e7177; color:#fff;}

.boardtable tbody.thcolor2 th {background:rgba(147,147,147,0.2); font-weight:600; line-height:1.1}



/* 
.boardtable tr.total th,
.boardtable tr.total td {background: rgba(54, 62, 79, 0.5); text-align:center; color:#fff; border-top:2px solid rgba(0,0,0,0.3)} */

.boardtable tr.total th,
.boardtable tr.total td {text-align:center; background:none; font-weight:800; 
border-top:2px solid rgba(0,0,0,0.4); background:#fff;
border-bottom:2px solid rgba(0,0,0,0.4)} 



.boardtable tbody tr td.aleft{text-align:left;  }
.boardtable tbody tr td.aleft a{color:#000; }
.boardtable tbody tr td.subj{text-align:left !important;}



@media (max-width: 640px) {
	.boardtable .num,
	.boardtable .hit {display:none}
}






/* =======================================================
btn_bottom
   ======================================================= */

#boardSearchForm .btn_bottom {}

#boardSearchForm .btn_bottom input[type="button"],
#boardSearchForm .btn_bottom input[type="submit"], 
#boardSearchForm .btn_bottom a {
  vertical-align: middle;
  border:none; font-weight:700 !important; color:var(--black) !important;
  background:#eaeaea; width:120px;
  font-size: 16px; padding:15px 0px;
  line-height:1.5; text-align:Center;
  margin-left: 5px;
  border-radius: 0px;
}




@media (max-width: 640px) {
#boardSearchForm .btn_bottom input[type="button"],
#boardSearchForm .btn_bottom input[type="submit"], 
#boardSearchForm .btn_bottom a {
width:auto; padding-left:20px; padding-right:20px; font-size: 15px; }
}





/* =======================================================
view
   ======================================================= */

.boardtable thead td.view_top_tit {font-size:26px; line-height:1.5; padding:30px 0px;}


.view_writer_info { gap:10px 10px;  justify-content: center; padding-top:20px;}
	.view_writer_info  dl dt,
	.view_writer_info  dl dd{ font-weight:600; font-size:20px;}
	.view_writer_info  dl {padding:0px 20px; gap:10px 10px;}
	.view_writer_info  dl svg{ padding-left:5px;width:27px; height:27px; vertical-align:middle;}

	.boardtable tbody tr td .add_file {margin-bottom:30px; background:#eee; padding:20px 10px; gap:10px; justify-content: center; }
	.boardtable tbody tr td .add_file p svg{vertical-align:middle; width:20px; margin:0px 4px; height:20px;}


@media (max-width: 640px) {
	.boardtable thead td.view_top_tit {font-size:20px; padding:20px 0px;}

.view_writer_info { padding-top:10px;}
	.view_writer_info  dl dt,
	.view_writer_info  dl dd{ font-size:16px;}
	.view_writer_info  dl {padding:0px 6px; }
	.view_writer_info  dl svg{;width:23px; height:23px; }
	.boardtable tbody tr td .add_file p svg{width:16px;  height:16px;}

}



/* =======================================================
¼öÁ¤ ¹× ¾²±â
======================================================= */


.wrap_wirte2 {gap:10px 10px;  border-top:3px solid var(--black);  border-bottom:1px solid var(--black);  flex-direction: column;}
	.wrap_wirte2 dl {display:flex; align-items: center;  flex-wrap:wrap; border-top:1px solid #ddd; padding:15px 0px;}
	.wrap_wirte2 dl dt {width:200px; text-align:Center; font-weight:700; position:relative;}

	.wrap_wirte2 dl dt.important:before {content:'*'; color:var(--red); font-weight:900; position:absolute; top:0px; left:20px;}


	.wrap_wirte2 dl dt label {font-weight:inherit;}
	.wrap_wirte2 dl dd {flex:1;}

	.wrap_wirte2 dl  dt,
	.wrap_wirte2 dl  dd {font-size:17px; line-height:1.5;}

	.wrap_wirte2 .inner_wirte_btn,
	.wrap_wirte2 dl input[type='file'],
	.wrap_wirte2 dl input[type='text'] {height:60px; line-height:60px; max-width:600px; width:80%; padding:0px 10px;}

	.wrap_wirte2 dl input.datepicker {max-width:200px; width:34%;}
	.wrap_wirte2 .inner_wirte_btn {display:flex; width:auto;font-weight:700;  padding:0px 20px;  color:#fff; background:#4e4e4f;}

		.wrap_wirte2 .infowrap {gap:0px 10px; align-items: center; }
		.wrap_wirte2 .cal_wrap {gap:0px 10px; }

		.alert_notice {
		margin-top:20px;
		padding-left:30px;
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z'%20%2F%3E%3C%2Fsvg%3E");
		background-size: auto 23px;
		background-repeat: no-repeat;
		background-position: left 0px top 0px;
		}

@media (max-width: 1023px) {

	.wrap_wirte2 dl dt {width:140px; }
	.wrap_wirte2 dl dt.important:before {left:10px;}

	.wrap_wirte2 .inner_wirte_btn,
	.wrap_wirte2 dl input[type='file'],
	.wrap_wirte2 dl input[type='text'] {height:40px; line-height:40px;}

	.wrap_wirte2 .inner_wirte_btn {  padding:0px 15px;  }


}

@media (max-width: 640px) {
	.wrap_wirte2 dl   {gap:10px 10px;}
	.wrap_wirte2 dl dt {width:100%;  text-align:left; padding-left:30px;}


}





/* =======================================================
Apollonia
   ======================================================= */

.webzine_wrap {gap:10px 10px; padding:70px 0px; justify-content: space-between;}
.webzine_wrap div {width:30%;  max-width:380px; position:relative;}
.webzine_wrap div dt {width:100%;   aspect-ratio: 2 / 3; border:1px solid #ddd;
background-image: url(/nimg/logo.png?v=1.0.1); background-color:rgba(217,217,217,0.5);
background-blend-mode: lighten;
background-repeat:no-repeat; background-size: 80% auto; background-position:center center;
}
.webzine_wrap div dd {padding:20px 0px; text-align:center; font-size:20px; line-height:1.3; font-weight:700;}
.webzine_wrap div dd a {font-weight:inherit; color:inherit;}
.webzine_wrap .btn1 {text-indent:-99999999px; background-color:#343c4d;  position:absolute; top:0; right:0;
width:60px; height:60px;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23fff'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20class%3D'lucide%20lucide-file-down-icon%20lucide-file-down'%3E%3Cpath%20d%3D'M15%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7Z'%2F%3E%3Cpath%20d%3D'M14%202v4a2%202%200%200%200%202%202h4'%2F%3E%3Cpath%20d%3D'M12%2018v-6'%2F%3E%3Cpath%20d%3D'm9%2015%203%203%203-3'%2F%3E%3C%2Fsvg%3E");
background-size: auto 30px;
background-repeat: no-repeat;
background-position: center center;
}


.webzine_wrap div dt img {width:100%; height:100%; object-fit:cover;}




@media (max-width: 1023px) {

.webzine_wrap { padding:50px 0px;}
.webzine_wrap div {width:48%;  }
.webzine_wrap div dd {padding:15px 0px; font-size:17px;}
.webzine_wrap .btn1 {
width:44px; height:44px;
background-size: auto 23px;
}



}

@media (max-width: 640px) {

}




/* =======================================================

   ======================================================= */




@media (max-width: 1023px) {


}

@media (max-width: 640px) {

}





/* =======================================================
±âÁ¸
   ======================================================= */





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

.searcharea1 {padding:20px; }
.searcharea1 ul{width:100%;}
.searcharea1 ul li{ padding:3px; display:inline-block; float:left;  }

.search_formsty01{height:35px; line-height:35px; font-size:15px;}
.search_formsty02{width:100%; height:35px; line-height:35px;}
.search_formsty03{width:100%; height:35px; line-height:35px;}
.searchbtn{width:100%; height:35px; line-height:35px; font-size:15px;}
.mwidth40{width:42.2% !important;}
.mwidth10{width:10% !important;}
.mwidth100{width:100% !important;}
}










.boardlistwrap{overflow:hidden; margin-bottom:0%; width:100%; float:left; position: relative;}

.boardlist{width:100%; float:left; position: relative;}
.boardlist ul{width:100%; bordeR-top:3px solid #336799; margin-top:3%;}
.boardlist ul li{display:inline-blick; width:50%; float:left; bordeR-bottom:1px solid #ccc; }
.boardlist ul li dl{width:100%; float:left;}
.boardlist ul li dl dt{width:20%; font-size:16.5px; font-weight:500;  float:left; background:#f9f9f9; padding:15px; box-sizing:border-box; text-align:center;}
.boardlist ul li dl dd{width:80%;  float:left; padding:15px; box-sizing:border-box; padding-left:10px; font-size:17px; color:#000;}
.boardlist ul li:last-child { padding:15px; line-height:30px;  }

.boardnone_m{display:show;}
.boardshow_m{display:none;}


@media all and (max-width:768px){
.boardlist ul li{display:inline-blick; width:100%; float:left; bordeR-bottom:1px solid #ccc; }
.boardlist ul li dl dt{width:25%; font-size:15px; }
.boardlist ul li dl dd{width:75%; font-size:15px; background:#fff;}
.boardlist ul li.bg01{ background:#f9f9f9;}

.boardnone_m{display:none;}
.boardshow_m{display:inline-block;}
}


.braodlist{width:100%; float:left; position: relative;}
.braodlist ul{width:100%; bordeR-top:3px solid #336799; margin-top:3%;}
.braodlist ul li{display:inline-block; width:100%; float:left; bordeR-bottom:1px solid #ccc; padding:30px 10px;}
.braodlist ul li dl{width:100%; float:left;}
.braodlist ul li dl dt{width:25%; float:left; }
.braodlist ul li dl dt img{ width:80%;}
.braodlist ul li dl dd{width:75%;  float:left; line-height:29px;}
.braodtt{font-size:20px; font-weight:600; line-height:50px; }
.braodtt1{font-size:18px;  }
.braodtt2{font-size:17px;  line-height:55px; }
.braodtt2 span{padding:0px 15px;}

.braodtt3{font-size:25px; font-weight:600; line-height:50px; }


@media all and (max-width:768px){

.braodlist ul li dl{width:100%; float:left;}
.braodlist ul li dl dt{width:100%; float:left; }
.braodlist ul li dl dt img{width:100%;}
.braodlist ul li dl dd{width:100%;  float:left; line-height:29px;}
.braodtt{font-size:19px; margin-top:10px; font-weight:600; line-height:30px; }
.braodtt1{font-size:16.5px; line-height:25px;  }
.braodtt2 span{display:none;}
.braodtt2{font-size:17px;  line-height:35px; }

.braodtt3{font-size:22px; font-weight:600; line-height:30px;  margin-top:20px;}
}








.boardviewwrap{overlfow:hidden; margin-bottom:5%; width:100%; float:left; position: relative;}
.boardview{width:100%; float:left; position: relative;}
.boardview ul{width:100%; bordeR-top:3px solid #336799; margin-top:3%;}
.boardview ul li{display:inline-blick; width:50%; float:left; bordeR-bottom:1px solid #ccc; background:#f9f9f9; }
.boardview ul li dl{width:100%; float:left;}
.boardview ul li dl dt{width:20%; font-size:16.5px; font-weight:500;  float:left; background:#f9f9f9; padding:15px; box-sizing:border-box; text-align:center;}
.boardview ul li dl dd{width:80%; background:#fff; float:left;  position: relative; padding:15px; box-sizing:border-box; padding-left:10px; font-size:17px; color:#000;}
.boardview ul li:last-child dl dt { vertical-align:middle; }
.boardview ul li:last-child dl dd {display:table-cell;line-height:30px;  }
.homeurl{ position:absolute; top:8px; right:10px; border:0px solid red;}

.boardviewtt{width:100%; background:#f9f9f9; text-align:center; font-size:21px; padding:25px 0px; font-weight:500;}
.boardviewtt1{width:100%; background:#f9f9f9; text-align:center; font-size:25px; padding:25px 0px; font-weight:500;}


.eventlist{width:100%; float:left; position: relative;}
.eventlist ul{width:100%; bordeR-top:3px solid #336799; margin-top:3%;}
.eventlist ul li{display:inline-block; width:100%; float:left; bordeR-bottom:1px solid #ccc; padding:30px 10px;}
.eventlist ul li dl{width:100%; float:left;}
.eventlist ul li dl dt{width:25%; float:left; }
.eventlist ul li dl dt img{ width:80%;}
.eventlist ul li dl dd{width:75%;  float:left; line-height:29px;}

.eventbnt{display:inline-block;border:1px solid #ccc; padding:10px; border-radius:5px;font-weight:600; font-size:15px; margin:0.5%;  } 

.eventbnt1{display:inline-block;border:1px solid #ccc; background:#336799; color:#fff; padding:10px; border-radius:5px;font-weight:600; font-size:15px; margin:0.5%;  } 
.eventbnt2{display:inline-block;border:1px solid #ccc; background:#000; color:#fff; padding:10px; border-radius:5px;font-weight:600; font-size:15px; margin:0.5%;  } 


@media all and (max-width:768px){
.boardview ul li{display:inline-blick; width:100%; float:left; bordeR-bottom:1px solid #ccc; }
.boardview ul li dl dt{width:25%; font-size:15px; }
.boardview ul li dl dd{width:75%; font-size:15px; background:#fff;}
.boardview ul li.bg01{ background:#f9f9f9;}


.eventlist ul li dl dt{width:100%; float:left; padding-right:10px; }
.eventlist ul li dl dt img{ width:100%;}
.eventlist ul li dl dd{width:100%;  float:left; line-height:29px;}

}











.boardtable1{width:100%;  bordeR-top:3px solid #336799; margin-top:3%;}
.boardtable1 tbody tr td{ padding:18px; bordeR-bottom:1px solid #ccc; text-align:left; color:#000;  font-size:17.5px;}
.boardtable1 tbody tr td.subj{background:#f9f9f9;font-size:18px; color:#336799; font-weight:600; text-align:center !important; }
.lineh30{line-height:30px;}



@media all and (max-width:768px){
.boardtable thead tr td{font-size:16px;}
.boardtable tbody tr td{ padding:18px 0px; bordeR-bottom:1px solid #ccc; text-align:center; color:#000;  font-size:16px;}
.boardtablett{display:block; line-height:20px; font-size:15px; }
.boardtablett  span{color:#336799; }


.boardtable1 tbody tr td.subj{background:#f9f9f9;font-size:17px; color:#336799; font-weight:600; text-align:center !important; }
.boardtable1 tbody tr td{ padding:18px; bordeR-bottom:1px solid #ccc; text-align:left; color:#000;  font-size:16px;}

}    



.board_sucess{width:100%; position:relative; padding-top:0px; padding-bottom:0px; border:0px solid red; text-align:Center; overflow:hidden;}
.board_sucess ul {width:100%; margin:0 auto; padding-top:35px; }
.board_sucess ul li{ float:left;  width:23%; margin:1%; text-align:left; min-height: 400px}
.board_sucess ul li a{display:block;   background:#fff;
box-shadow:5px 5px 10px rgba(0,0,0,0); padding:0px; bordeR:1px solid #ccc;}
.board_sucess ul li a:hover{bordeR:1px solid #3391c5; }
.board_sucess ul li div{padding:20px;}
.board_sucess ul li img{width:100%; height:200px;}

.boardsucess_tt1{display:inline-block;font-size:16px; color:#3391c5 !important; line-height:25px !important; font-weight:500; padding-top:15px;}
.boardsucess_tt2 {padding-lefT:10px; display:inline-block;font-size:16px; color:#333 !important;
line-height:25px !important; font-weight:500; padding-top:15px;}
.boardsucess_tt2 span{padding-right:10px;}
.boardsucess_tt3{font-size:19px; font-weight:600; color:#000; padding-top:5%; line-height:30px; }

.boardsucess_tt4{font-size:18px;background:#f9f9f9; margin-top:25px; font-weight:400; color:#000; padding:15px; line-height:30px; width:100%;  }


@media all and (max-width:768px){

.board_sucess ul li{ float:left;  width:48%; margin:1%; text-align:left;}
.board_sucess ul li div{padding:10px;}
.boardsucess_tt1{line-height:20px; padding-top:4px;}
.boardsucess_tt2 {padding-lefT:0px; display:inline-block;font-size:16px; color:#333 !important; padding-left:20px;
line-height:20px !important; font-weight:500; padding-top:10px;}

.boardsucess_tt4{font-size:17px;background:#f9f9f9; margin-top:25px; font-weight:400; color:#000; padding:15px; line-height:27px; width:100%;  }


}    


@media all and (max-width:480px){
.board_sucess ul li{ float:left;  width:98% !important; margin:1%; text-align:left;}
}


.board_sucessleft{width:35%; float:left; padding-right:4%;}
.board_sucessleft img{width:100%;}
.board_sucessright{width:65%; float:left;}
.boardtable2{width:100%;  bordeR-top:3px solid #336799; margin-top:0%;}
.boardtable2 tbody tr td{ padding:18px; bordeR-bottom:1px solid #ccc; text-align:left; color:#000;  font-size:17.5px;}
.boardtable2 tbody tr td.subj{background:#f9f9f9;font-size:18px; color:#336799; font-weight:600; text-align:center !important; }
.lineh30{line-height:30px;}

@media all and (max-width:768px){

.board_sucessleft{width:100%; float:left; padding-right:0%;}
.board_sucessright{width:100%; float:left;}

}

@media all and (max-width:480px){

.board_sucess ul li{ float:left;  width:48%; margin:1%; text-align:left;}
.board_sucessleft{width:100%; float:left; padding-right:0%;}
.board_sucessright{width:100%; float:left;}
}    



.boardlist_btn {

	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-weight:600;
	padding:15px 20px;
	font-size:17px;
	text-decoration:none;
	margin-top:15px;
	border:1px solid #336799;
	background:#336799;
	float:right;

	
	
}
.boardlist_btn:hover {
	color:#fff;	
	border:1px solid #0f3e73;
	background:#336799;


}



/* pagination */
.pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0;
	border:0px solid red;
	margin: 3rem 0 4rem;
}

.pagination li {
	flex-basis:2.5rem;
	flex-grow: 0;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	box-sizing: border-box;
}

.pagination li.first {
	flex-basis: 2.2rem;
	margin-left: 0;
	margin-right: 0.5rem;
}

.pagination li.end {
	flex-basis: 2.2rem;
	margin-left: 0.5rem;
	margin-right: 0;
}

.pagination li.prev {
	flex-basis: 2.2rem;
	margin-left: 0;
	margin-right: 1rem;
}

.pagination li.next {
	flex-basis: 2.2rem;
	margin-left: 0.2rem;
	margin-right: 0;
}

.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0.5rem;
	background-color: #fff;
	border: 0.1rem solid #dbdbdb;
	border-radius: 2rem;
	text-align: center;
	color: #2f2f2f;
	font-family: 'Sora', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	box-sizing: border-box;
}

.pagination li a:hover, .pagination li a:focus {
	border: 0.1rem solid #006699;
	transition: 0.2s;
}

.pagination li.selected a, .pagination li.selected a:hover, .pagination li.selected a:focus {
	border: 0.1rem solid transparent;
	background-color: #ff6600;
	color: #fff;
}

.pagination li.first a {
	
	background: url('/images/board/first_arrow.png');
}

.pagination li.prev a {
	  
	background: url('/images/board/pre_arrow.png');
}

.pagination li.next a {
	background: url('/images/board/next_arrow.png');
}

.pagination li.end a {
   background: url('/images/board/end_arrow.png');
}

.pagination li.first a, .pagination li.prev a, .pagination li.next a, .pagination li.end a {
   
	background-repeat: no-repeat;
	border: 1em solid #dbdbdb;
	border-radius: 0;
	border:0px solid red;
	text-indent: -99999rem;
}


@media all and (max-width:768px){

}



@media all and (max-width:480px){

.pagination li {
	flex-basis:1.5rem;
	flex-grow: 0;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	box-sizing: border-box;
}

.pagination li.first {
	flex-basis: 1.5rem;
	margin-left: 0;
	margin-right: 0.5rem;
}

.pagination li.end {
	flex-basis: 1.5rem;
	margin-left: 0.5rem;
	margin-right: 0;
}

.pagination li.prev {
	flex-basis: 1.5rem;
	margin-left: 0;
	margin-right: 1rem;
}

.pagination li.next {
	flex-basis:1.5rem;
	margin-left: 0.2rem;
	margin-right: 0;
}

.pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0.2rem;
	background-color: #fff;
	border: 0.1rem solid #dbdbdb;
	border-radius: 2rem;
	text-align: center;
	color: #2f2f2f;
	font-family: 'Sora', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1rem;
	box-sizing: border-box;
}

.pagination li.first a {
	
   background-size:cover;
}

.pagination li.prev a {
   background-size:cover;
}

.pagination li.next a {
  background-size:cover;
}

.pagination li.end a {
 background-size:cover;
}



}

.wd1per{width:1% !important;}
.wd5per{width:5% !important;}
.wd7per{width:7% !important;}
.wd8per{width:8% !important;}
.wd9per{width:9% !important;}
.wd10per{width:10% !important;}
.wd15per{width:15% !important;}
.wd20per{width:20% !important;}
.wd25per{width:25% !important;}
.wd30per{width:30% !important;}
.wd90per{width:90% !important;}
.wd100per{width:100% !important;}


@media all and (max-width:768px){
.wd5per{width:10% !important;}
.wd10per{width:25% !important;}
.wd90per{width:75% !important;}
 .wd15per{width:25% !important;}   


}


.boardnews{  width:100%; float:left; position: relative;}
.boardnews ul{width:100%; }
.boardnews ul li{display:inline-block;float:left; width:20%; border:0px solid red; text-align:Center; padding:10px 20px; margin-bottom:2%;}
.boardnews ul li .img{width:100%; border:1px solid #ccc; height:300px; border-radius:10px; overflow:hidden;  }
.boardnews ul li .img img{border-radius:10px; }
.boardnews ul li .tt{font-size:17px; font-weight:500; line-height:45px;}
.boardnews ul li .btn1{width:100%; MARGIN-TOP:5PX; font-size:16px; font-weight:500;}
.boardnews ul li .btn1 a{color:#006699; display:block; padding:15px;  border:1px solid #ccc; border-radius:10px;}
.boardnews ul li .btn1 a:hover{color:#006699; border:1px solid #006699; border-radius:10px;}

.btnbg{background:url('/images/board/down.jpg')no-repeat right;}
.btnbg1{background:url('/images/board/down1.jpg')no-repeat right;}


@media all and (max-width:1024px){
.boardnews ul li{display:inline-block;float:left; width:31%; border:0px solid red; text-align:Center; padding:10px; box-sizing:border-box; margin:1%;}
.boardnews ul li .img {height:auto;}
.boardnews ul li .img img{border-radius:10px;width:100%; }
.boardnews ul li .btn1{width:100%; MARGIN-TOP:5PX; font-size:14px;  text-align:left !important; font-weight:500;}
}

@media all and (max-width:768px){
.boardnews ul li .tt{font-size:15px; font-weight:500; line-height:45px;}
.boardnews ul li{display:inline-block;float:left; width:48%; border:0px solid red; text-align:Center; padding:10px; box-sizing:border-box; margin:1%;}
.boardnews ul li .img {height:auto;}
.boardnews ul li .img img{border-radius:10px;width:100%; }
}