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

.boardlist{width:100%; float:left; position: relative;}
.boardlist ul{width:100%; bordeR-top:3px solid #833cd8; margin-top:3%;}
.boardlist ul li{display:inline-blick; width:100%; float:left; bordeR-bottom:1px solid #ccc; padding:25px 15px; }
.boardlist ul li dl{width:100%; float:left;}
.boardlist ul li dl dt{width:20%; font-size:17px; font -weight:500;  float:left;  box-sizing:border-box; text-align:center;}
.boardlist ul li dl dt img{width:100%;}
.boardlist ul li dl dd{width:80%;  float:left;  box-sizing:border-box;  padding-left:35px; }
.boardlist ul li dl dd p{ display:block;}
.boardlist ul li dl dd p a{color:#000;font-size:23px; line-height:60px; font-weight:600;  }
.boardlist ul li dl dd span{font-size:17.5px; margin-top:7% !important; color:#333333; line-height:25px; }

.date{font-size:17px !important; color:#333 !important; line-height:45px !important; }
.date span{padding-right:19px;}

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

.subj1{width:100%; padding:30px 10px; background:#efefef; color:#000; text-align: center; font-size:23px;  font-weight:600;}
.hit{width:100%; text-align: right; bordeR-bottom:1px solid #ccc;line-height:55px; color:#000; float:right;  font-size:17px;}
.hit span{padding:0px 15px;}
.boardcon{font-size:19px; padding:20px; width:100%; line-height:30px; overflow:hidden; bordeR-bottom:1px solid #ccc; }
.boardcon img{width:100%;}

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

.subj1{width:100%; line-height:30px; padding:25px 5px; background:#efefef; color:#000; text-align: center; font-size:21px;  font-weight:600;}

.boardlist ul li{display:inline-blick; width:100%; float:left; bordeR-bottom:1px solid #ccc; }
.boardlist ul li dl dt{width:100%; font-size:15px; }
.boardlist ul li dl dd{width:100%; font-size:15px; background:#fff; padding-left:0px; }
.boardlist ul li.bg01{ background:#f9f9f9;}

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

.boardlist ul li dl dd p a{color:#000;font-size:19px; margin-top:7% !important; line-height:30px; font-weight:600;  }
.boardlist ul li dl dd span{font-size:16px; margin-top:7% !important; color:#333333; line-height:25px; }
}





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


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





.boardtable{width:100%;  bordeR-top:3px solid #833cd8; margin-top:3%;}
.boardtable thead tr td{padding:18px 0px;  bordeR-bottom:1px solid #ccc;font-size:18px; color:#000; font-weight:600; text-align:center; }
.boardtable tbody tr td{ padding:18px 0px; bordeR-bottom:1px solid #ccc; text-align:center; color:#000;  font-size:17.5px;}
.boardtable tbody tr td.aleft{text-align:left;  }
.boardtable tbody tr td.aleft a{color:#000; }

.boardtable1{width:100%;  bordeR-top:3px solid #833cd8; 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:#000; 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;}
.board_sucess ul li a{display:block; border:0px solid red;  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%;}

.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_tt3{font-size:20px; font-weight:600; color:#000; padding-top:5%; line-height:30px; }




@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;
line-height:20px !important; font-weight:500; padding-top:10px;}
}    


@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;
	
	background:#833cd8;
	float:right;
    margin-left:5px;

	
	
}
.boardlist_btn:hover {
	color:#fff;	
	
	background:#999;


}





.searcharea{width:100%; padding:20px 10px; text-align:center; background:#f9f9f9;  font-family:'Pretendard','Noto Sans KR', 'Noto Sans Korean', sans-serif;  font-size:18px; 
box-sizing:border-box; overflow:hidden;}

.searcharea ul{width:50%; margin:0 auto; border:0px solid red; }
.searcharea ul li{display:inlien-block; float:left;   border:0px solid red; padding:5px;}
.search_formsty01{width:100%; border:1px solid #ccc; height:40px; line-height:40px;}
.search_formsty02{width:440px; border:1px solid #ccc; height:40px; line-height:40px;}
.searchbtn{width:80px; height:40px;  background:#833cd8; color:#fff; border:0px solid red; border-radius:3px; }


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

.boardlist_btn {padding:10px 15px; font-size:16px;}


.searcharea {padding:20px; }
.searcharea ul{width:100%;}
.searcharea ul li{width:100%; padding:3px; }
.search_formsty01{height:35px; line-height:35px; font-size:15px;}
.search_formsty02{width:100%; height:35px; line-height:35px;}
.searchbtn{width:100%; height:35px; line-height:35px; font-size:15px;}
}




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

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

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

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

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

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

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

.pagination li a:hover, .pagination li a:focus {
    border: 0.1rem solid #ff6600;
    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('/img/first_arrow.png');
}

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

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

.pagination li.end a {
  
   background: url('/img/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:3rem;
    flex-g2row: 0;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}

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

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

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

.pagination li.next {
    flex-basis:3rem;
    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: 0.5rem;
    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;}   


    }



    .inputstyle_1{width: 100%; font-family:'Pretendard', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
    padding: 12px 20px;
    font-size: 17px;
    border: 1px solid #ccc;
    outline: transparent solid 2px;
    outline-offset: 2px; 
    bordeR-radius:5px;
    position: relative;}

    .inputstyle1_1{width:100%; font-family:'Pretendard', 'Roboto', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;
    padding: 12px 20px;
    font-size: 17px;
    min-height:200px;
    border: 1px solid #ccc;
    outline: transparent solid 2px;
    outline-offset: 2px; bordeR-radius:5px;
    position: relative;}