@charset "utf-8";

.board_top {overflow:hidden; margin-bottom:20px;}
.board_top .total_count {float:left; font-size:17px; color:#2e2e2e; line-height:50px;}
.search_box {float:right; overflow:hidden; position:relative;}
.search_box select {float:left; width:150px;}
.search_box input[type="text"] {float:left; width:500px; margin-left:-1px;}
.search_box .btn_submit {position:absolute; top:1px; right:2px; width:59px; padding:3px 10px;}
.search_box .btn_submit input {width:100%;}

.notice_list {position:relative; z-index:1; border-top:2px solid #000; background:#fff;}
.notice_list li {display:inline-block; width:100%; padding:24px 0; border-bottom:1px solid #e8e8e8;}
.notice_list li .num {float:left; width:80px; text-align:center; line-height:65px;}
.notice_list li .cont {margin-left:95px;}
.notice_list .title {overflow:hidden; padding-right:10px; font-size:25px; color:#000000; white-space:nowrap; text-overflow:ellipsis;}
.notice_list .date {margin-top:2px; font-size:16px; color:#949494;}

.btn_list_more {display:block; width:180px; margin:70px auto 0; border-radius:30px; border:1px solid #818181; font-size:21px; color:#222222; line-height:60px; text-align:center; transition:all 0.4s;}
.pc .btn_list_more:hover {color:#fff; background:#818181;}



.event_list {position:relative; z-index:1; padding:0 40px; border-top:2px solid #000; border-bottom:1px solid #000000; background:#fff;}
.event_list li {display:inline-block; width:100%; padding:45px 0;}
.event_list li+li {border-top:1px solid #e8e8e8;}
.event_list .img {float:left; width:100%; max-width:390px;}
.event_list .img_wrap {overflow:hidden; position:relative; padding-bottom:75.64%;}
.event_list .img_wrap img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
.event_list .cont {margin-left:510px; padding-top:54px;}
.event_list .state {display:inline-block; padding:0 12px; font-size:15px; color:#fff; line-height:30px; background:#4752a2;}
.event_list .state_end {background:#565656}
.event_list h4 {overflow:hidden; margin:15px 0; font-size:30px; color:#000000; font-weight:500; white-space:nowrap; text-overflow:ellipsis;}
.event_list .txt {overflow:hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; height:52px; font-size:16px; color:#565656;}
.event_list .date {margin-top:10px; font-size:16px; color:#949494;}
.event_list .date em {display:inline-block; margin-right:20px;}





.board_view {border-top:2px solid #000;}
.board_view_top {position:relative; padding:37px 30px; border-bottom:1px solid #e8e8e8;}
.board_view_top h4 {padding-right:120px; font-size:25px; color:#000;}
.board_view_top .date {position:absolute; top:45px; right:40px; font-size:16px; color:#949494}
.board_view_contents {padding:50px 30px; border-bottom:1px solid #000000; font-size:17px; color:#5a5a5a;}
.board_view_bottom {overflow:hidden; margin-top:50px; padding:0 30px;}
.board_view_bottom .prev, .board_view_bottom .next {overflow:hidden; width:300px; white-space:nowrap; text-overflow:ellipsis; line-height:72px;}
.board_view_bottom .prev {float:left; padding-left:50px; background:url('../images/icon/icon_prev.png') no-repeat 0 center;}
.board_view_bottom .next {float:right; padding-right:50px; text-align:right; background:url('../images/icon/icon_next.png') no-repeat right center;}
.board_view_bottom .btn_list {display:block; overflow:hidden; margin:0 auto; width:72px; height:72px; text-indent:-999px; background:url('../images/icon/icon_list.png') no-repeat; background-size:100%;}


.btn_area {margin-top:70px; text-align:center;}
.btn_area a {display:inline-block; margin:0 3px;}


@media all and (max-width: 1000px){
	.board_top .total_count {width:100%;}
	.search_box {width:100%;}
	.search_box select {width:35%;}
	.search_box input[type="text"] {width:65%;}
	.search_box .btn_submit {width:35px; padding:2px 5px;}
	

	.event_list {padding:0 15px;}
	.event_list .img {max-width:300px;}
	.event_list .cont {margin-left:340px; padding-top:20px;}


	.board_view_bottom .prev, .board_view_bottom .next {display:none;}

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

	.board_top .total_count {margin-bottom:5px; font-size:12px; line-height:20px;}
	
	.notice_list li {padding:12px 5px;}
	.notice_list li .num {display:none;}
	.notice_list li .cont {margin-left:0px;} 
	.notice_list .title {padding:0; font-size:16px;}
	.notice_list .date {font-size:11px;}

	.btn_list_more {width:120px; margin-top:35px; font-size:14px; line-height:38px;}


	.event_list {padding:0px;}
	.event_list li {padding:15px 0;}
	.event_list .img {width:120px;}
	.event_list .cont {margin-left:135px; padding-top:10px;}
	.event_list .state {font-size:11px; line-height:22px;}
	.event_list h4 {margin:8px 0; overflow:hidden; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space:normal; height:42px; font-size:16px; line-height:1.25;}
	.event_list .txt {height:38px; margin-left:-135px; margin-top:15px; font-size:13px;}
	.event_list .date {display:block; margin-left:-135px; font-size:11px;}




	.board_view_top {padding:18px 10px;}
	.board_view_top h4 {padding-right:60px; font-size:16px;}
	.board_view_top .date {top:23px; right:10px; font-size:11px;}
	.board_view_contents {padding:25px 10px; font-size:13px;}
	.board_view_bottom {margin-top:25px;}
	.board_view_bottom .btn_list {width:36px; height:36px;}

	.btn_area {margin-top:35px;}

}