/*new-view page*/
.viewpage .title{width:100%; padding: 20px 10px; border-top:2px solid #000;  border-bottom: 1px solid #eee; font-size: 22px; font-weight: 600; text-align: left; word-break: break-all; line-height: 1.4;}
.view-top, .view-top li{display:flex; flex-wrap:wrap;}
.view-top{justify-content: flex-end; padding:10px 0}
.view-top li{font-size:15px;}
.view-top li:nth-child(n+2){margin-left:15px}
.view-top li b{margin-right:5px; color:#000; font-weight:700}
.view-top li p{font-weight:500; color:#555}
.viewpage .cont{padding: 40px 10px;  border-bottom: 1px solid #eee;}
.viewpage .cont, .viewpage .cont p{font-family: 'SUIT', sans-serif !important;}
.viewpage img{width:100%; max-width:900px; height:auto !important}
.viewpage .file { border: 1px solid #ddd; margin-top: 20px; display: flex; flex-wrap: wrap; font-size:17px}
.viewpage .file dt { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 200px; background: #f1f1f1; text-align: center; padding: 20px 10px; font-weight: 600;}
.viewpage .file dd { display: flex; flex-flow: column; align-items: flex-start; width: calc(100% - 200px); padding: 20px 15px;}
.viewpage .file dd a { display: flex; flex-wrap: wrap; font-weight: 300; color: #333;  padding-left: 10px;  position: relative;}
.viewpage .file dd a span{font-weight:300; font-size:24px; width:28px;}
.viewpage .file dd a p{width:calc(100% - 28px); word-break: break-all; line-height:1.4}
.viewpage .file dd a:nth-child(n+2){margin-top:5px;}

.writepage{ border-top:1px solid #ddd}
.writepage dl{display:flex; flex-wrap:wrap;}
.writepage dl dt{width:160px; background:#f7f7f7; padding:15px 10px; font-weight:600; border-bottom:1px solid #ddd;  font-size:17px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.writepage dl dd{width:calc(100% - 160px); border-bottom:1px solid #ddd; padding:15px 10px; font-size:16px}
.writepage dl dd input[type="text"]{width:100%; height:40px; border:1px solid #ddd; padding:0 10px; background:#fff; font-size:16px; color:#222}
.option{display:flex; flex-wrap:wrap; align-items:center; margin-top:5px;}
.option input[type="checkbox"]{margin-right:5px;}
.option:first-child{margin-top:0 !important}
.file_plus{display:inline-block; font-size:15px; padding:6px 10px; background:#333; color:#fff !important; font-weight:400; margin-bottom:5px; cursor:pointer}
.file_plus:hover{background:#222}
#FileTB1 .txtBox{height: auto !important; padding: 7px !important; background: #fff !important; border: 1px solid #ddd !important;}
#F11{display: flex; flex-wrap: wrap;}
#F11 input[type="file"]{height: auto !important; padding: 7px !important; background: #fff !important; border: 1px solid #ddd !important; margin-top:5px}
#F11 > a{background: #de0000; color: #fff; margin-top: 5px; margin-left: 5px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size:16px; padding: 0 10px;}

.boardtable tbody tr:hover{background:#f7f7f7}



/*문의하기 게시판 디자인 2024-06*/
.customer-write ul {border:1px solid #ddd; border-bottom:0 !important}
.customer-write ul li{display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd}
.customer-write ul li b{width:200px; text-align:center; font-size:17px; background:#f7f7f7; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
/* .customer-write ul li div{width:calc(100% - 200px); padding:15px} */
.customer-write > ul > li > div { width:calc(100% - 200px); padding:15px }
.customer-write ul li input[type='text'], .customer-write ul li textarea{width:100%; height:46px; font-size:15px; padding:0 10px}
.customer-write  .txtBox{background:transparent; border:1px solid #d0d0d0}
.customer-write ul li textarea{padding:10px}
.customer-write select{width:150px; margin-right:10px; }
.customer-write select option{font-size:14px; line-height:30px}
.refresh{display:flex; flex-flow:column; align-items:flex-start; padding:0}
.refresh > div{width:100% !important; padding:0 !important; display:flex; flex-wrap:wrap; margin-bottom:5px}
.refresh > div img{border:1px solid #ccc; height:40px}
.refresh-btn{margin-left:5px; background:#000; color:#fff !important; padding:0 10px; line-height:40px; font-size:15px;}
.refresh .txtBoxW{width:278px !important}

/*editor border 안나오게*/
.tx-bar.tx-bar-left, .tx-bar.tx-bar-right, .tx-bar.tx-bar-left > .tx-list, .tx-bar.tx-bar-right > .tx-list { border:0; }
/*editor border 안나오게*/




/*신청서*/
.page-form{border:10px solid #5a7a66; padding:50px; }
.pf-title{margin-bottom:50px; text-align:center;}
.pf-title h1{color:#5a7a66; font-size:36px; font-weight:700; line-height:1; margin-bottom:15px;}
.pf-title p{line-height:1.4; font-size:16px; color:#333;}
.page-write .tit{display:flex; flex-wrap:wrap; margin-bottom:10px;}
.page-write .tit span{font-size:26px; line-height:1; margin-top:-2px; width:30px}
.page-write .tit h3{font-size:22px; font-weight:700; line-height:1; text-align:left; width:calc(100%-30px)}
.page-agree{margin-top:50px;}
.page-agree .tit h1{font-size:18px; line-height:1.4}
.page-agree .tit p{font-size:16px; color:#444; padding-left:5px; margin-top:2px; line-height:1.4}
.page-agree .list{border:1px solid #ddd; padding:10px; margin:10px 0; font-size:16px; line-height:1.6; color:#666}
.page-agree .check p{font-size:16px; color:#444; margin-bottom:3px;}
.page-agree .check div.flex input{margin-right:5px}
.page-agree .check div.flex label{font-size:16px;}
.page-agree-btn{margin-top:50px; display:flex; flex-wrap:wrap; justify-content:center}
.page-agree-btn input{font-size:18px; font-weight:500; padding:15px 30px; border-radius:100px; background:#000; color:#fff; cursor:pointer;}



@media all and (max-width:1023px){
/*new-view page*/
.viewpage .title{padding: 18px 10px; font-size: 20px;}
.view-top{padding:10px 0}
.view-top li{font-size:15px;}
.view-top li:nth-child(n+2){margin-left:15px}
.viewpage .cont{padding: 35px 10px;  }

.viewpage .file dt {width: 180px; padding: 18px 10px; font-size:16px;}
.viewpage .file dd { width: calc(100% - 180px); padding: 18px 15px; font-size:16px;}

.writepage dl dt{width:120px; padding:13px 10px;  font-size:16px; }
.writepage dl dd{width:calc(100% - 120px); padding:13px 10px; font-size:15px}
.writepage dl dd input[type="text"]{height:38px; padding:0 8px; font-size:15px;}
.file_plus{font-size:14px; padding:5px 8px;}
#FileTB1 .txtBox{padding: 6px !important;}
#F11 input[type="file"]{padding: 6px !important;}
#F11 > a{font-size:15px; padding: 0 10px;}




/*문의하기 게시판 디자인 2024-06*/
.customer-write ul li b{width:150px; font-size:16px;}
.customer-write ul li div{width:calc(100% - 150px); padding:13px}
.customer-write ul li input[type='text'], .customer-write ul li textarea{ height:42px; font-size:15px;}
.customer-write select{width:145px; margin-right:5px}
.refresh > div img{height:36px}
.refresh-btn{ line-height:36px; font-size:14px;}
.refresh .txtBoxW{width:254px !important}

/*신청서*/
.page-form{border:8px solid #5a7a66; padding:40px; }
.pf-title{margin-bottom:40px;}
.pf-title h1{font-size:32px; margin-bottom:13px;}
.pf-title p{font-size:15px;}
.page-write .tit span{font-size:24px; width:28px}
.page-write .tit h3{font-size:21px;width:calc(100%-28px)}
.page-agree{margin-top:40px;}
.page-agree .tit h1{font-size:17px;}
.page-agree .tit p{font-size:15px;}
.page-agree .list{font-size:15px}
.page-agree .check p{font-size:15px;}
.page-agree .check div.flex label{font-size:15px;}
.page-agree-btn{margin-top:40px;}
.page-agree-btn input{font-size:17px; }
}



@media all and (max-width:768px){
/*new-view page*/
.viewpage .title{font-size: 18px;}
.view-top li{font-size:14px;}
.view-top li:nth-child(n+2){margin-left:12px}
.view-top li b{margin-right:3px}
.viewpage .cont{padding: 25px 8px;  }

.viewpage .file {margin-top: 15px; ;}
.viewpage .file dt {width: 130px; padding: 15px 8px; font-size:15px;}
.viewpage .file dd { width: calc(100% - 130px); padding: 15px 15px; font-size:15px;}
.viewpage .file dd a span{font-size:20px; width:22px}
.viewpage .file dd a p{width:calc(100% - 22px)}

.writepage dl dt{width:90px; padding:10px 8px;  font-size:15px; }
.writepage dl dd{width:calc(100% - 90px); padding:10px 8px; font-size:14px}
.writepage dl dd input[type="text"]{height:34px; padding:0 6px; font-size:14px;}
.file_plus{font-size:13px; padding:5px 8px;}
#FileTB1 .txtBox{padding:5px !important;}
#F11 input[type="file"]{padding: 5px !important;}
#F11 > a{font-size:14px; padding: 0 8px;}



/*문의하기 게시판 디자인 2024-06*/
.customer-write ul li b{width:130px; font-size:15px;}
.customer-write ul li div{width:calc(100% - 130px); padding:12px}
.customer-write ul li input[type='text'], .customer-write ul li textarea{ height:40px; font-size:14px;}
.customer-write select{width:140px; margin-right:3px}
.refresh > div img{height:34px}
.refresh-btn{ line-height:34px; font-size:13px;}
.refresh .txtBoxW{width:240px !important}

/*신청서*/
.page-form{border:6px solid #5a7a66; padding:40px 30px; }
.pf-title{margin-bottom:30px;}
.pf-title h1{font-size:28px; margin-bottom:10px;}
.pf-title p{font-size:14px;}
.page-write .tit span{font-size:22px; width:26px}
.page-write .tit h3{font-size:19px;width:calc(100%-26px)}
.page-agree{margin-top:30px;}
.page-agree .tit h1{font-size:17px;}
.page-agree .tit p{font-size:14px;}
.page-agree .list{font-size:14px}
.page-agree .check p{font-size:14px;}
.page-agree .check div.flex label{font-size:14px;}
.page-agree-btn{margin-top:30px;}
.page-agree-btn input{font-size:16px; padding:13px 26px; }
}



@media all and (max-width:500px){
/*new-view page*/
.viewpage .titlef{font-size: 17px;}
.view-top li:nth-child(n+2){margin-left:10px}
.viewpage .cont{padding: 20px 6px;  }
.viewpage .file {margin-top: 12px; ;}
.viewpage .file dt {width: 100%; padding: 10px ; font-size:14px;}
.viewpage .file dd { width: 100%; padding: 10px; font-size:14px}

.writepage dl dt{width:100%; padding:10px;  font-size:15px; justify-content:flex-start}
.writepage dl dd{width:100%; padding:10px 8px; padding-bottom:25px; font-size:14px}
.writepage dl dd input[type="text"]{height:38px; padding:0 10px; font-size:14px;}
.file_plus{font-size:13px; padding:6px 8px;}
#FileTB1 .txtBox{padding:7px !important;}
#F11 input[type="file"]{padding: 5px !important;}
#F11 > a{font-size:14px; padding: 0 8px;}


/*문의하기 게시판 디자인 2024-06*/
.customer-write ul li b{width:100%; font-size:15px; padding:8px 10px; justify-content: flex-start;}
.customer-write ul li div{width:100%; padding:12px 10px; padding-bottom:30px}

/*신청서*/
.page-form{border:3px solid #5a7a66; padding:30px 15px; }
.pf-title{margin-bottom:25px;}
.pf-title h1{font-size:25px;}
.pf-title p{font-size:13px;}
.page-write .tit span{font-size:20px; margin-top:-1px; width:22px}
.page-write .tit h3{font-size:16px;width:calc(100%-22px)}
.page-agree{margin-top:25px;}
.page-agree .tit h1{font-size:16px;}
.page-agree .tit p{font-size:13px;}
.page-agree .list{font-size:13px; line-height:1.5}
.page-agree .check p{font-size:13px; line-height:1.3}
.page-agree .check div.flex label{font-size:13px;}
.page-agree-btn{margin-top:25px;}
.page-agree-btn input{font-size:15px; padding:11px 22px; }
}

@media all and (max-width:400px){
/*문의하기 게시판 디자인 2024-06*/
.customer-write ul li b{font-size:14px; padding:7px 10px;}
.customer-write ul li div{padding:10px; padding-bottom:25px}
.customer-write ul li input[type='text'], .customer-write ul li textarea{ height:38px; font-size:13px;}
.customer-write select{width:110px}
.refresh > div img{height:32px}
.refresh-btn{ line-height:32px; font-size:12px;}
.refresh .txtBoxW{width:225px !important}
}








.boardlistwrap{overflow:hidden; width:100%; 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%; 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{overflow: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%; 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;}

}







.boardtable{width:100%;  bordeR-top:2px solid #000; margin-top:2%;}
.boardtable thead tr td{padding:16px 5px;  bordeR-bottom:1px solid #ccc;font-size:18px; color:#000; font-weight:600; text-align:center; }
.boardtable tbody tr td{ padding:16px 5px; bordeR-bottom:1px solid #ccc; text-align:center; color:#333;  font-size:17px;}
.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; padding-right: 10px; }

.boardtable1{width:100%;  bordeR-top:3px solid #336799; margin-top:3%;}
.boardtable1 tbody tr td{ padding:16px 5px; 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;}
.boardtable tbody tr td.subj a, .boardtable1 tbody tr td.subj a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.new-board td.period, .new-board td.data, .new-board td.hit{font-size:15px}
.new-board td.period .whether{width: 50px; font-size: 14px; line-height: 28px; border-radius: 3px;}
.boardtable tbody tr td.subj a span{margin-right:3px}


@media all and (max-width:1023px){
.boardtable thead tr td{font-size:17px;}
.boardtable tbody tr td{font-size:16px;}

.boardtable1 tbody tr td.subj{font-size:17px}
.boardtable1 tbody tr td{font-size:16px;}
.boardtable td.period, .boardtable td.data, .boardtable td.hit{font-size:14px}
.boardtable td.period .whether{width: 45px; font-size: 13px; line-height: 25px; border-radius: 2px;}
}    


@media all and (max-width:768px){
.boardtable{border-top:1px solid #ddd}
.boardtable thead tr td{display:none}
.boardtable colgroup{display:none}
.boardtable tbody tr{border-bottom:1px solid #ddd; padding-bottom:20px}
.boardtable tbody tr td.num{display:none}
.boardtable tbody tr td.subj {width:100%}
.boardtable tbody tr td.subj a{width:100%; padding:20px 0px 12px; -webkit-line-clamp: initial;  text-overflow: initial; font-weight:700; font-size:16px;}
.boardtable tbody tr{display:flex; flex-wrap:wrap}
.boardtable tbody tr td{display:block; padding:0; border:0}
.boardtable td.period, .boardtable td.data, .boardtable td.hit{color:#888; font-size:13px; display: flex; flex-wrap: wrap; align-items: center; position:relative;}
.boardtable td.period, .boardtable td.data{margin-right:20px}
.boardtable td.period .whether{font-size: 13px; width: auto; line-height: 1; margin-left: 4px; border-radius: 2px; background: transparent; color: #ff7e00; font-weight: 800;}
.boardtable td.period::before{content:'공고기간 : '; margin-right:3px}
.boardtable td.data::before{content:'등록일 : ';  margin-right:3px}
.boardtable td.hit::before{content:'조회: ';  margin-right:3px}

}


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

.boardtable tbody tr{padding-bottom:15px;}
.boardtable tbody tr td{padding:0}
.boardtable tbody tr td.subj a{font-size:15px; padding:15px 0px 8px}
.boardtable td.period, .boardtable td.data, .boardtable td.hit{font-size:12px; }
.boardtable td.period, .boardtable td.data{margin-right:17px}
.boardtable td.period .whether{font-size: 12px; }

}    



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

.boardtable td.hit{display:none; }

}    



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

.boardtable tbody tr td{padding:0}
.boardtable tbody tr td.subj a{font-size:14px;}
.boardtable td.period, .boardtable td.data, .boardtable td.hit{font-size:11px; }
.boardtable td.period, .boardtable td.data{margin-right:15px}
.boardtable td.period .whether{font-size: 11px; }

} 


.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;}
}    



/*리스트 페이지*/
.board-btn{margin-top:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end}
.boardlist_btn {border-radius:3px;display:inline-block;cursor:pointer;color:#fff !important;font-weight:500;padding:0 14px; line-height:36px;font-size:15px;text-decoration:none;border:none !important;background:#444;}
.boardlist_btn:hover {	background:#333; cursor:pointer}
.boardlist_btn:nth-child(n+2){margin-left:4px;}

.searcharea{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:100%}
.boardtotal{display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:500}
.boardtotal span{font-weight:800; margin-left:10px; color:#ff8500}
.search ul{display:flex; flex-wrap:wrap; align-items:center;}
.search ul .txtSelect, .search ul .txtBox{width:100px; font-size:15px; padding:0 8px; height:38px; font-family: 'SUIT', sans-serif !important; font-weight:500}
.search ul .txtBox{width:200px; background:#fff; margin:0 4px}
.search ul .txtBox::placeholder {font-weight:500; color:#666; font-size:14px;}
.search ul .txtSelect#bcate{width:130px}
.search ul .btn{line-height:38px; padding:0 18px; font-size:15px; font-weight:600; background:#000; color:#fff; border-radius:3px}
.search ul li:first-child{position:relative}
.search ul li:first-child::before{
	/* content:'stat_minus_1'; display:block; font-family: 'Material Symbols Outlined' !important; font-size:20px; position:absolute; top:50%; 
	right:5px; transform:translateY(-50%) */
}

.search ul li select, div > select {
	  -webkit-appearance: none; /* Safari 및 Chrome */
	  -moz-appearance: none; /* Firefox */
	  appearance: none; /* 기본 브라우저 */
	  background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path fill="none" stroke="black" d="M1 3l4 4 4-4"/></svg>') no-repeat right 10px center;
	  padding: 10px 40px 10px 10px; /* padding 조정 */ border: 1px solid #ccc; border-radius: 4px;
}
.search ul li select, div > select[option] { height:24px; } 

.paging {display:flex; flex-wrap:wrap; align-items:center; justify-content: center; width:100%; margin-top:30px}
.paging a{font-size:16px; font-weight:500; margin:0 7px; display: flex; align-items: center;  justify-content: center; flex-wrap: wrap;}
.paging a strong{background:#222; color:#fff; border-radius:100px; width:32px; line-height:32px; display:inline-block; text-align:center; font-size:15px; font-weight:700}




@media all and (max-width:1024px) {
/*리스트 페이지*/
.board-btn{margin-top:25px;}
.boardlist_btn {padding:0 12px; line-height:33px;font-size:14px}
.boardtotal{ font-size:15px}
.search ul .txtSelect, .search ul .txtBox{width:90px; font-size:14px; padding:0 7px; height:34px; }
.search ul .txtSelect#bcate{width:110px}
.search ul .txtBox{width:180px; margin:0 3px}
.search ul .btn{line-height:34px; padding:0 15px; font-size:15px; }
.search ul li:first-child::before{font-size:19px; }
.paging {margin-top:25px}
.paging a{font-size:15px; margin:0 6px; ;}
.paging a strong{width:30px; line-height:30px;}
}



@media all and (max-width:768px) {
/*리스트 페이지*/
.board-btn{margin-top:20px;}
.boardlist_btn {padding:0 10px; line-height:30px;font-size:13px}
.boardtotal{ font-size:14px}
.search ul .txtSelect, .search ul .txtBox{width:70px; font-size:13px; padding:0 6px; height:30px; }
.search ul .txtSelect#bcate{width:100px}
.search ul .txtBox{width:150px}
.search ul .txtBox::placeholder {font-size:13px;}
.search ul .btn{line-height:30px; padding:0 15px; font-size:14px; }
.search ul li:first-child::before{font-size:17px; }
.paging {margin-top:20px}
.paging a{margin:0 5px; ;}
.paging a strong{width:27px; line-height:27px; font-size:14px; }
}



@media all and (max-width:500px) {
/*리스트 페이지*/
.searcharea{flex-flow: column;  align-items: flex-end; justify-content: initial;}
.boardtotal{margin-bottom:5px;}
.search ul .txtSelect, .search ul .txtBox{width:80px;}
.search ul .txtSelect#bcate{width:80px}
.search ul .txtBox{width:100%}
.search ul li:nth-child(2){width:calc(100% - 140px)}
.search ul .btn{padding:0 12px; font-size:13px; }

}




/* 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%; }
}


.cate_code0{color:#222 !important; border:1px solid #222 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code1 { color:#c91111 !important; border:1px solid #c91111 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code2 { color:#0b86e7 !important; border:1px solid #0b86e7 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code3 { color:#52b822 !important; border:1px solid #52b822 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code4 { color:#ff7c00 !important; border:1px solid #ff7c00 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code5 { color:#cb27c4 !important; border:1px solid #cb27c4 !important; font-size:14px; padding:3px 5px; border-radius:2px}
.cate_code6 { color:#06d1c5 !important; border:1px solid #06d1c5 !important; font-size:14px; padding:3px 5px; border-radius:2px}