.boardTb {border-top:2px solid #333; text-align:center; width:100%;} 
.boardTb th {background:#f1f1f1; padding:20px; border-bottom:1px solid #E9E9E9; color:#333333; font-weight: bold !important; font-size:15px;} 
.boardTb td {padding:10px; border-bottom:1px solid #E9E9E9; text-align:center; font-size:14px;}
.boardTb td a{font-size:14px;}
.boardTb td input, .boardTb td select{border:1px solid #ccc; height:24px;}
.boardTb td textarea{border:1px solid #ccc;}
.boardTb td.stt{background:#f4f7fb; color:#000;}
.boardTb td.alLeft {padding-left:15px; text-align:left;}
.boardTb td.alRight {padding-right:15px; text-align:right;}
.boardTb td span{font-size:11pt;color:#555555;}
.boardTb td table{border:none; padding:0; margin:0;}
.boardTb td table td{border:none; padding:0; margin:0;}

.boardCategory{text-align:left; padding-bottom:20px;}
.boardCategory select{border:1px solid #ccc; height:26px;}

.boardRss{padding-bottom:20px; text-align:right;}

.boardPaging{text-align:center; padding-top:20px; clear:both;}
.boardPaging a{display:inline-block; margin:0 3px; border:1px solid #ccc; line-height:30px; width:30px; text-align:center; background:#fff;}
.boardPaging span{display:inline-block; margin:0 3px; border:1px solid #444; line-height:30px; width:30px; text-align:center; background:#666; color:#fff;}
.boardPaging a.arw{background:#f1f1f1;}

.boardBtnC{text-align:center; padding:20px 0;}
.boardBtnR{text-align:right; padding:20px 0;}

.boardSearch{text-align:center; background:#f1f1f1; padding:10px 0;}
.boardSearch .enter{border:1px solid #ccc; height:26px; width:150px;}

.boardLeftTb td{text-align:left; padding-left:15px;}
.boardViewTitle{padding:0; text-align:center; font-size:18px; padding:15px 0; background:#f1f1f1; color:#000000; font-weight:600; margin-bottom:15px;}

@media all and (max-width:800px){
	.boardViewTitle{margin-top:30px;}
}

.galleryView{text-align:center; padding:20px 0;}
.galleryViewThum{width:100%; margin-top:20px;}
.galleryViewThum td a{display:block; border:1px solid #dcdcdc; padding:5px 0px; width:80px; text-align:center;}
.galleryViewThum td a.prev{float:left;}
.galleryViewThum td a.next{float:right;}

#gallerylistwrap{width:100%; overflow:auto; text-align:center;}
#gallerylistwrap .unit{width:22%; border:1px solid #dcdcdc; margin:1% 0.5%; float:left; display:inline-block;}
#gallerylistwrap .unit:hover{border:1px solid #666;}
#gallerylistwrap .unit .photo {position: relative;background-size:cover;}
#gallerylistwrap .unit .photo span{display:block; }
#gallerylistwrap .unit .photo a span img{text-align:center; max-width:100%;}
#gallerylistwrap .unit .image { display: block; width:100%; margin:0 auto; cursor:pointer;}
#gallerylistwrap .unit .overlay { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba( 0, 0, 0, 0.6 );overflow: hidden;  width: 100%; height: 0; transition: .5s ease;  }
#gallerylistwrap .unit .photo:hover .overlay { height: 70px; }
#gallerylistwrap .unit .over_text { white-space: nowrap; color: white; font-size: 14px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#gallerylistwrap .unit .txt{width:90%; margin:0 auto; padding:10px 0; text-align:left;}
#gallerylistwrap .notice{border:1px solid #666;}
#gallerylistwrap .notice .icon{ position:absolute; top:5px; left:5px;}


@media all and (max-width:1510px){
	#gallerylistwrap{}
	#gallerylistwrap .unit{width:20%; margin:0.5%;}
}

@media all and (max-width:1200px){
	#gallerylistwrap .unit{width:22%; margin:0.5%;}
}

@media all and (max-width:800px){
	#gallerylistwrap{margin-top:30px;}
}

@media all and (max-width:640px){
	#gallerylistwrap .unit{width:48%; margin:1%;}
}



.replyList{ padding:30px 0;}
.replyList .tt {font-size:16px; padding-bottom:10px; font-weight:bold;}
.replyList table{width:100%; border-top:2px solid #dcdcdc; border-bottom:2px solid #dcdcdc;}
.replyList table .photo{width:5%; padding:10px;}
.replyList table .name{padding:10px;}
.replyList table .name span{color:#ccc; padding:0 15px;}
.replyList table .cont{padding:0 10px 10px 10px;}

.replyPost {background:#f1f1f1; padding:10px 0 10px 30px;}
.replyPost table{width:100%;}
.replyPost table th{width:70px;}
.replyPost table td{padding:3px;}
.replyPost table td input{width:150px; height:26px; border:1px solid #ccc;}
.replyPost table td input.btn{CURSOR:pointer; margin-left:10px; width:auto; height:auto; border:none;}
.replyPost table td textarea{width:400px;height:100px; border:1px solid #ccc;}

.boardScret{padding-top:50px; width:50%; margin:0 auto; text-align:center;}
.boardScret h3{ font-size:20px;}
.boardScret .txt{font-size:14px; padding-top:10px;}
.boardScret .txt strong{color:#990000;}
.boardScret table{ margin:50px 0; width:100%;}
.boardScret table th{width:100px; text-align:center; background:#f1f1f1; border:1px solid #dcdcdc; padding:10px 0;}
.boardScret table td{border-bottom:1px solid #dcdcdc;}
.boardScret table td input{width:100%; height:30px; padding-left:10px;}


/*board_list*/
.board_list{}
.board_list .con{max-width:1200px; margin:0 auto;}
.board_list .search_wrap{width:100%;}
.board_list .search_wrap:after{display:block; content:""; clear:both;}
.board_list .search_box{width:460px;height: 58px;margin-bottom:30px;float:right;font-size:0;}
.board_list .search_box:after, .board_list .search_box .search:after{display:block; content:""; clear:both;}
.board_list .search_box .select{width: 30%;height:100%;border:1px solid #444444;float:left;margin-right: 3%;padding:0 25px;box-sizing:border-box;font-size:12px;}
.board_list .search_box .search{width: calc(100% - 33%);height:100%;border:1px solid #444444;float:left;box-sizing:border-box;}
.board_list .search_box .search input{width:calc(100% - 80px); height:100%; padding:0 25px; box-sizing:border-box; float:left; border:0; -webkit-appearance: none; -webkit-border-radius: 0; font-size:12px;}
.board_list .search_box .search .search_btn{width:80px; height:100%; border:0; background:#fff url('/img/page/m41_search_icon.png')no-repeat center; float:left;}
.board_list table{width:100%; border-top:2px solid #000;}
.board_list table tr{border-bottom:1px solid #cccccc; font-size:18px;}
.board_list table .date{text-align:center; width:114px; font-family:'Noto Sans KR';}
.board_list table .day{font-size:38px; font-weight:600; color:#0d2739;}
.board_list table .year{font-size:15px; font-weight:600; color:#222222;}
.board_list table .txt_wrap{width:80%; margin-left:30px;}
.board_list table .txt_wrap div{line-height:30px;}
.board_list table .tit_sbj{font-size:21px; width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list table .txt_sbj{font-size:16px; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777;}
.board_list .photo_frame {}
.board_list .photo_frame li {width:33%; margin-bottom:30px; float:left;}
.board_list .photo_frame li .img_box {max-width:100%;}
.board_list .photo_frame li .img_box img {border:1px solid #c6c6c6; margin:30px 0px 10px 0px; width:300px; height:420px;}

@media screen and (max-width: 900px) {
	.board_list .photo_frame li {width:100%; float:none;}
}

/* more plus */
.board_list table .more{width:96px;}
.board_list table .more button{position:relative; width: 48px;height: 48px; margin:0 auto; -webkit-transition:.4s;transition:.4s; background:#cccccc; border:0; display:block;}
.board_list table .more button span{position:absolute;display:block;background:#fff;top:50%;transform: translate(-50%, -50%);left: 50%;}
.board_list table .more .l1{width: 20px;height:1px;}
.board_list table .more .l2{width:1px;height: 20px;}
.board_list table tr:hover .more button{background: #017dc3;}
.board_list table tr:hover .more .l1{background:#fff;}
.board_list table tr:hover .more .l2{background:#fff;}

/*board_view*/
.board_view {background:url('/img/page/m41_bg.png')no-repeat top 290px left;}
.board_view .con{max-width:1200px; margin:0 auto;}
.board_view .board_tit{width:100%;border-top:2px solid #362e2b;height:auto;padding: 20px 0;box-sizing:border-box;display: table;border-bottom: 1px solid #d7d5d5;}
.board_view .board_tit:after{clear:both; content:""; display:block; }
.board_view .board_tit .board{display: table-cell;vertical-align: middle;position:relative;/* float:left; *//* width: calc(100% - 146px); */font-weight:500;color:#362e2b;font-size: 21px;text-align: center;}
.board_view .board_tit .board .tit{width:90%;/* display: table-cell; */margin:0 auto;}
.board_view .board_tit .date{display: table-cell;text-align:center;width: 110px;height:100%;border-right: 1px solid #cccccc;}
.board_view .board_tit .date .day{font-size: 38px;color:#362e2b;font-family:'Noto Sans KR';font-weight: 600;}
.board_view .board_tit .date .year{font-size: 15px;color:#362e2b;font-family:'Noto Sans KR';line-height: 15px;font-weight: 600;margin-top:5px;}
.board_view .board_tit .name{display: table-cell;text-align:center;width: 110px;height:100%;border-left: 1px solid #cccccc;}
.board_view .board_tit .name .text{font-size: 15px;color:#362e2b;font-family:'Noto Sans KR';line-height: 15px;font-weight: 600;margin-top:5px;}
.board_view .board_content{width:100%;padding: 70px 0 90px 0;border-bottom:1px solid #d7d5d5;}
.board_view .file_wrap{width: 100%;padding: 25px 3%;box-sizing: border-box;background: #f5f5f5;border-bottom: 1px solid #d7d5d5;}
.board_view .file_wrap .list{width:100%;display: flex;justify-content: center;align-items: center;}
.board_view .file_wrap .list + .list{margin-top:5px;}
.board_view .file_wrap a{display: inline-block;font-size: 14px;color: #777777;}
.board_view .file_wrap a:after{display: inline-block;content:"";width:17px;height:15px;margin-left: 10px;background: url(/design/default/images/sub/file_download_icon.png)no-repeat center;}
.board_view .board_content img{
    max-width:100%;
	margin:0 auto;
	display:block;
}
.board_view .board_content .img_area{width:100%; margin:0 auto;}
.board_view .board_content .img_area img{display:block; margin:0 auto; width:100%;}
.board_view .board_content .txt_area{margin: 60px auto 0;width: 75%;font-size:16px;color:#777;line-height:27px;text-align:center;  word-break:keep-all;}
.board_view .view_paging{width:100%;padding: 40px 0;box-sizing:border-box; display: flex; flex-wrap: wrap;  justify-content: center;}
.board_view .view_paging:after{clear:both; content:""; display:block; }
.board_view .view_paging>div,.board_view .btn{float:left;}
.board_view .view_paging>div{width:calc(50% - 35px);line-height:70px;font-size:16px;box-sizing: border-box;}
.board_view .view_paging .paging_btn .icon{font-family:'Noto Sans KR';font-weight:600;display: inline-block;}
.board_view .view_paging .paging_btn .txt{padding:0 15px;width: calc(100% - 50%);word-wrap:normal;line-height:normal;white-space:nowrap;text-overflow:ellipsis;display: inline-block;overflow: hidden;vertical-align: sub;}
.board_view .view_paging .prev .icon{background:url('/img/page/m41_prev2.png')no-repeat left center; padding: 0 0px 0 30px;}
.board_view .view_paging .prev .icon:after{display:inline-block; content:""; width:1px; height:12px; background:#000; margin-left:15px;}
.board_view .view_paging .next .icon:before{display:inline-block; content:""; width:1px; height:12px; background:#000; margin-right:15px;}
.board_view .view_paging .next{text-align:right;}
.board_view .view_paging .next .icon{background:url('/img/page/m41_next1.png')no-repeat right center; padding: 0 30px 0 0px;}
.board_view .btn{width:70px; height:70px; border:0; background:#142e7b url('/img/page/board_view_icon.png')no-repeat center;}