/* list */
.list_top {margin-top:15px;}
.list_top:after {content:""; display:block; height:0; clear:both;}
.list_top .page {float:left; margin-top:10px;}
.list_top .page p {display:inline-block; margin-right:10px;}
.list_top .page select {height:26px; padding:2px;}
.list_top .page em {color:#4c4c4c; font-weight:bold;}
.list_top .search {float:right; margin-top:10px;}
.list_top .search select {height:26px; padding:2px;}
.list_top .search input {width:170px; height:20px; padding:2px; vertical-align:middle; border:1px solid #cccccc;}
.list_top .search p.btn {display:inline-block; cursor:pointer; background-color:#5e5e5e; border-radius:3px; padding:5px 8px; vertical-align:middle;}
.list_top .search p.btn a {color:#fff;}

.list {margin-top:10px;}
.list > table.table02 {width:100%; table-layout: fixed; border-top:#8b8b8b solid 1px;}
.list > table.table02 > thead > tr > th {background-color:#f7f7f7; font-weight:bold;}
.list > table.table02 > thead > tr > th,
.list > table.table02 > tbody > tr > td {line-height:2.8em; border-bottom:#ccc solid 1px; text-align:center;}
.list > table.table02 > tbody > tr > td.link {padding:0 10px; text-align: left !important;}
.list > table.table02 > tbody > tr > td.link > a {display: inline-block; width: inherit; max-width:94%; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}
.list > table.table02 > tbody > tr > td > span.writer {display: inline-block; width: inherit; max-width:94%; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;} 
.list > table.table02 > tbody > tr:hover > td {background-color:#e7e7e7;}
.list .list_home {float:right; padding:9px 10px 0px 10px;}

/* list - paging */
.paging {width:auto; font-size:12px; text-align:center; margin-top:30px;}
.paging a.pnbtn, span.pnbtn {background:white; border:1px solid #c0c0c0; border-radius:3px; padding:5px 10px; color:#222; font-weight:bold; display:inline-block; }
.paging a.numbtn {background:white;border:1px solid #c0c0c0;border-radius:3px;padding:5px 10px; display:inline-block; }
.paging span.numbtn_c {background-color:#666666;color:white;font-weight:bold;border:1px solid #666666;border-radius:3px;padding:5px 10px; display:inline-block; }


/* view */
.view_area {overflow: hidden; width: 100%;}
.view_area .view_title {overflow: hidden; width: 100%; background-color:#f7f7f7; border-top: 1px solid #333; border-bottom: 1px solid #e5e5e5; padding: 7px 0;}
.view_area .view_title > h3 {float: left; margin:0 20px; color: #515151; font-size:1.25em; font-weight:bold;}
.view_area .view_title > span {float: right;display: inline-block; margin-right:20px;}
.view_area .file {overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; padding: 7px 0;}
.view_area .file > p {float: left; margin:0 20px; font-weight:bold;}
.view_area .view_contents {overflow: hidden; width: 660px; margin:20px 20px; padding:20px 0;}
.view_area .view_contents p {font-size:11pt; line-height:25px;}


/* view - 이전, 다음 */
.view_area .view_navi {overflow: hidden; width: 100%; margin-top:20px;}
.view_area .view_navi > ul {display:block; border-top: 1px solid #ccc;}
.view_area .view_navi > ul > li {padding: 13px 0px;border-bottom: 1px solid #d5d5d5;}
.view_area .view_navi > ul > li.last {border-bottom: 1px solid #ccc;}	
.view_area .view_navi > ul > li > span {margin-right: 18px; padding-right: 24px; font-weight: bold;}
.view_area .view_navi > ul > li > a {display: inline-block; width: inherit; max-width:80%; overflow: hidden; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis;}

.view_area .view_btn {overflow: hidden; width: 100%; margin-top:20px;}
.view_area .view_btn p.btn_list {float: right;display:inline-block; cursor:pointer; background-color:#4d4d4d; border-radius:3px; padding:5px 8px; vertical-align:middle;}
.view_area .view_btn p > a {color:#fff;}