/* =======================================================
³»¿ë »ßÁ®³ª°¡´ÂÇö»ó
   ======================================================= */
.view_board_inner{
  width:100%;
  box-sizing:border-box;
overflow:hidden;
  position:relative;
  isolation:isolate;       
  contain:layout paint;      
  word-break:break-word;
  overflow-wrap:anywhere;
}

.view_board_inner *{
  box-sizing:border-box;
  word-break:break-all;
  max-width:100%;          
}

.view_board_inner img,
.view_board_inner video,
.view_board_inner canvas,
.view_board_inner svg{
  max-width:100% !important;
  height:auto !important;
}

.view_board_inner iframe{
  max-width:100% !important;
  width:100% !important;
  border:0;
}

.view_board_inner table{
  display:block;
  width:100% !important;
  max-width:100%;
  table-layout:auto !important;
  overflow-x:auto;
}
.view_board_inner thead,
.view_board_inner tbody,
.view_board_inner tfoot{
  width:100%;
  display:table;
  table-layout:inherit;
}
.view_board_inner th,
.view_board_inner td{
  word-break:break-word;
  white-space:normal;
}

.view_board_inner pre,
.view_board_inner code{
  white-space:pre-wrap;       /* ±ä Äڵ嵵 ÁÙ¹Ù²Þ */
  word-break:break-word;
}

.view_board_inner a{
  word-break:break-all;
}

.view_board_inner *[style*="width"]{
  max-width:100% !important;
}
.view_board_inner img[style*="width"],
.view_board_inner video[style*="width"]{
  width:auto !important; 
  max-width:100%;
}





/* =======================================================
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:3rem;
}
.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
}
.tit {
	text-align: left !important;
	padding-left: 1rem !important
}
.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;
	margin-top: 1rem
}
.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;
	aspect-ratio: 352 / 500;
	border-radius: 10px;
	overflow: hidden;
}
.boardnews ul li .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.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%;
}
}