@charset "utf-8";

.total_articles {position:relative; top:12px; float:left; font-size:15px;}
.total_articles em {font-style:normal; color:#0cb198; font-weight:bold;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.total_articles {font-size:100%;}
	}

	@media (max-width:799px) {
		.total_articles {top:0; font-size:90%; margin:20px 0;}
	}

	@media (max-width:499px) {
	}


table.board_list {border-top:2px solid #34a04c; width:100%; border-bottom:1px solid #ccc;}
table.board_list colgroup {}
table.board_list colgroup col {}
table.board_list colgroup col.wp10 {width:100px;}
table.board_list colgroup col.wp15 {width:150px;}
table.board_list thead {}
table.board_list thead tr {}
table.board_list thead tr th {font-size:15px; color:#444; padding:25px 0;}
table.board_list thead tr th.first {}
table.board_list thead tr th.last {}
table.board_list tbody {}
table.board_list tbody tr {}
table.board_list tbody tr td {font-size:15px; color:#444; border-top:1px solid #ecf0f1; text-align:center; vertical-align:middle; height:65px;}
table.board_list tbody tr td.num {}
table.board_list tbody tr td.subject {text-align:left;}
table.board_list tbody tr td.user {}
table.board_list tbody tr td.data {}
table.board_list tbody tr td.views {}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		table.board_list thead tr th {font-size:100%;}
		table.board_list tbody tr td {font-size:100%;}
	}

	@media (max-width:799px) {
		table.board_list colgroup col:first-child {display:none;}
		table.board_list thead {display:none;}
		table.board_list tbody tr {border-bottom:1px solid #ecf0f1;}
		table.board_list tbody tr td {font-size:90%; float:left; height:auto; border-bottom:0;  padding:0 2% 16px 2%; border-top:0;}
		table.board_list tbody tr td:first-child {display:none;}
		table.board_list tbody tr td.subject {display:block; float:none; padding-top:16px;}
		table.board_list tbody tr td.file {padding:0 2%;}
		table.board_list tbody tr td.file .ico {position:relative; width:20px; display:inline-block; top:-6px; }

		table.board_list tbody tr:nth-child(odd) {background:#f8f8f8;}
	}

	@media (max-width:499px) {
	}



.board_search {position:relative; float:right; min-height:34px; margin-bottom:10px;}
.board_search .search_category {float:left;}
.board_search .search_category select {padding:6px 10px; background:url('../../images/acec/sub/search_arrow.png') #fff  90% center no-repeat; border-radius: 5px;}
.board_search .search_dropdown {float:left; min-width:100px; margin-left:8px;}
.board_search .search_dropdown span {display:block; height:34px; line-height:32px; border:1px solid #ccc; border-radius:5px; font-size:14px; padding:0 10px; background:url('../../images/acec/sub/search_arrow.png') #fff  90% center no-repeat; background-size:13px 7px; cursor:pointer;}
.board_search .search_dropdown.active span {background-image:url('../../images/acec/sub/search_arrow_up.png');}
.board_search #searchSelect {position:absolute; display:none; background:#fff; min-width:100px; border:1px solid #ccc; font-size:14px;  padding:5px 10px; margin-top:-2px; cursor:pointer;}
.board_search #searchSelect li {padding:5px 0px;}
.board_search #s_sbox01 {float:left; margin-left:8px !important;margin-right: 8px !important; width:296px !important; height:34px; border:1px solid #ccc; border-radius:5px;}
.board_search button {float:left; width:76px; height:34px; font-size:14px; line-height:36px; text-align:center;background:#58c37f; color:#fff; border-radius:5px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.board_search button {font-size:90%;}
	}

	@media (max-width:799px) {
		.board_search {float:none; width:100%;}
		.board_search .search_category {float:none; width:100%; margin-bottom:10px;}
		.board_search .search_category select {width:100%;}
		.board_search .search_dropdown {min-width:auto; width:20% !important; margin-left:0;}
		.board_search #searchSelect {min-width:auto; width:20%;}
		.board_search #s_sbox01 {width:calc(80% - 93px)!important}
		.board_search button {font-size:80%;}
	}

	@media (max-width:499px) {
	}


.paging {text-align:center; margin-top:50px;}
.paging .pagination {display:inline-block;}
.paging .pagination span {position:relative; display:inline-block; width:40px; min-height:40px; line-height:40px;border-radius: 20px;box-sizing:border-box; color:#878787; margin-left:-1px; margin: 0 3px;}
.paging .pagination span a {position:absolute; width:100%; height:100%; top:0; left:0; padding:0; margin:0;}
.paging .pagination span.start a,
.paging .pagination span.prev a,
.paging .pagination span.next a,
.paging .pagination span.end a {text-indent:-999px; overflow:hidden;}
.paging .pagination span.start {background:url('../../images/acec/board/page_start_icon.png') center no-repeat;border:1px solid #ddd;}
.paging .pagination span.prev {background:url('../../images/acec/board/page_prev_icon.png') center no-repeat;border:1px solid #ddd;}
.paging .pagination span.next {background:url('../../images/acec/board/page_next_icon.png') center no-repeat;border:1px solid #ddd;}
.paging .pagination span.end {background:url('../../images/acec/board/page_end_icon.png') center no-repeat;border:1px solid #ddd;}
.paging .pagination span.select {background:#0bb08c; border:1px solid #0bb08c; color:#fff; height:38px; bottom:15px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.paging .pagination span {font-size:90%;}
	}

	@media (max-width:799px) {
		.paging .pagination span {font-size:80%; width:30px; height:30px; min-height:30px; line-height:30px;}
		.paging .pagination span.select {height:30px;}
	}

	@media (max-width:499px) {
	}


.board_view_title {font-size:28px; color:#444; letter-spacing:-0.07em; margin-bottom:20px;}
.board_view_info {display:block; overflow:hidden; margin-bottom:20px; padding:0 2px;}
.board_view_info .user {display:inline-block; float:left; font-size:16px; font-weight:600; letter-spacing:-0.07em; color:#444; background:url('../../images/acec/board/view_icon.png') left calc(50% + 1px) no-repeat; padding-left:20px;}
.board_view_info .date {display:inline-block; float:right; font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#444; background:url('../../images/acec/board/datetime_icon.png') left calc(50% + 1px) no-repeat; padding-left:18px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.board_view_title {font-size:150%;}
		.board_view_info .user {font-size:100%;}
		.board_view_info .date {font-size:100%;}
	}

	@media (max-width:799px) {
		.board_view_title {font-size:140%;}
		.board_view_info .user {font-size:90%;}
		.board_view_info .date {font-size:90%;}
	}

	@media (max-width:499px) {
	}


table.board_view {border-top:3px solid #6cba73; width:100%; border-bottom:1px solid #ccc;}
table.board_view colgroup col.wp8 {width:57px;}
table.board_view tbody tr th {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:24px 0; vertical-align:top;}
table.board_view tbody tr td {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:20px 0; vertical-align:middle;}
table.board_view tbody tr td.data_cont {padding:25px 2px;}
table.board_view tbody tr td.file .file_box {margin-bottom:6px;}
table.board_view tbody tr td.file .file_box:last-child {margin-bottom:0;}
table.board_view tbody tr td.file .file_box a {vertical-align:middle;}
table.board_view tbody tr td.file a .ico {display:inline-block; vertical-align:middle; margin:0 10px 0 20px;}
table.board_view tbody tr td.file a .ico img {width:auto; height:25px;}

table.board_view tbody tr td.link {}
table.board_view tbody tr td.link a .ico {display:inline-block; vertical-align:middle; margin:0 10px 0 20px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		table.board_view colgroup col.wp8 {width:10%;}
		table.board_view tbody tr th {font-size:100%;}
		table.board_view tbody tr td {font-size:100%;}
	}

	@media (max-width:799px) {
		table.board_view colgroup col.wp8 {width:100%;}
		table.board_view tbody tr th {display:block; font-size:90%; padding:14px 0; background:#f8f8f8;}
		table.board_view tbody tr td {display:block; font-size:90%; padding:14px 0;}
		table.board_view tbody tr td.link {padding-right:10px;}
		table.board_view tbody tr td.file .file_box a {display:block;}
		table.board_view tbody tr td.file .file_box a.file_view {text-align:right;}
	}

	@media (max-width:499px) {
	}


.btnarea {margin-top:20px; text-align:center;}
.btnarea .btn_fl {float:left;}
.btnarea .btn_fr {float:right;}
.btnarea a {vertical-align:top; display:inline-block; width:76px; height:34px; font-size:14px; line-height:32px; text-align:center; border-radius:5px;}
.btnarea a.list {background:#4f9888; color:#fff;}
.btnarea a.write,
.btnarea a.save {border:1px solid #4f9888; color:#fff; border-radius:5px; color:#4f9888; box-sizing:border-box; line-height:30px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.btnarea a {font-size:90%;}
	}

	@media (max-width:799px) {
		.btnarea a {font-size:85%;}
	}

	@media (max-width:499px) {
	}


.mb10 {text-align:right; margin-bottom:10px;}
.must {position:relative; display:inline-block; background:url('../../images/acec/board/required.png') no-repeat; width:7px; height:6px;  top:-3px; margin-right:2px;}

.write_box {border-top:2px solid #34a04c;}
.write_list {display:block; overflow:hidden; border-bottom:1px solid #ccc; padding:10px 0;}
.write_list dt {width:15%; float:left; vertical-align:top; text-align:center; padding:13px 0; font-size:17px; color:#666;}
.write_list dt label {display:block;}
.write_list dd {width:85%; float:left;}
.write_list dd.file span {display:block; padding:4px 0;}
.write_list input[type="text"], .write_list input[type="password"], .write_list select{width:100%;}
.write_list textarea {width:calc(100% - 22px);}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.mb10 {font-size:90%;}

		.write_list dt {font-size:100%; width:20%;}
		.write_list dd {font-size:100%; width:80%;}
	}

	@media (max-width:799px) {
		.write_list dt {float:none; width:100%; font-size:90%; padding-top:5px;}
		.write_list dd {float:none; width:100%; font-size:90%;}
		.write_list dd.file {border-top:1px solid #ccc; padding-top:10px;}
		.write_list textarea {width:97.5%;}
	}

	@media (max-width:499px) {
	}