/* ======================================================
	page view
=========================================================*/
.pageview { width: 1500px; margin: auto;}
.pageview .top { display: flex; width: 100%; justify-content: center; align-items: center; margin-bottom: 20px; text-align: center;}
.pageview .top p { position: relative; margin-right: 10px; color: #333; font-size: 24px; }
/* .pageview .top p::after { content: ''; position: absolute; width: 4px; height: 4px; margin-left: 5px; border-radius: 100%; background: #6ec1ff; } */
.pageview .top input[type=text] { width: 100px; padding: 8px 12px; border: 1px solid #ddd; border-radius: 3px; color: #0f87ec; font-size: 16px;} 

.pageview .select_area { display: flex; justify-content: flex-start; margin-left: 10px;}
.pageview .select_area li:last-child { margin-left: 7px;}
.pageview .select_area select { width: 120px; height: 40px; padding: 0 35px 0 10px; border: 1px solid #c7c7c7; border-radius: 3px; background: #fff url(../Img/sub/arr_down_gr.png) no-repeat right 10px center;color: #333; font-size: 16px;}


.pageview .Table_area .tbl_All { padding: 10px;}
.pageview .Table_area .tbl_All table {  border-top: 2px solid #747474; border-bottom: 1px solid #747474; text-align: center;}
.pageview .Table_area dl dd .gr_line { margin-left: -10px; padding: 10px 10px 10px 0;}
.pageview .Table_area .tbl_All tr:first-child { background: #f6f6f6; border-bottom: 1px solid #747474; }
.pageview .Table_area .tbl_All tr:first-child td { padding: 12px 0; }
.pageview .Table_area .tbl_All tr:first-child td:nth-child(2) { text-align: center;}
.pageview .Table_area .tbl_All td { width: 60px; text-align: center; border-bottom: 1px dashed #c7c7c7; padding: 10px 0; font-size: 14px;}
.pageview .Table_area .tbl_All td:first-child { width: 120px; padding: 10px; border-right: 1px solid #c7c7c7; text-align: center;}
.pageview .Table_area .tbl_All td:nth-child(2) { width: 70px; padding-right: 10px; border-right: 1px solid #c7c7c7; text-align: right;} 
.pageview .Table_area .tbl_All td:last-child { border-right: 0;}
.pageview .Table_area .tbl_All td a.btn_prev { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_prev_icon.png) right no-repeat;}
.pageview .Table_area .tbl_All td a.btn_next { display: inline-block; width: 11px; height: 18px; background: url(../Img/sub/btn_next_icon.png) right no-repeat;}
.pageview .Table_area .tbl_All td span { display: block; color: #747474; font-size: 12px;}
.pageview .Table_area .tbl_All tr.bg_gray { background: #f9f9f9; font-size: 14px; } 


.pageview .Table_area2 { margin-top: 50px;}
.pageview .Table_area2 .tbl_All { width: 100%; padding: 10px;}
.pageview .Table_area2 .tbl_All table { width: 100%; table-layout: fixed; border-top: 2px solid #747474; border-bottom: 1px solid #747474; }

.pageview .Table_area2 .tbl_All thead tr { background: #dbdbdb; border-bottom: 1px solid #747474; }
.pageview .Table_area2 .tbl_All thead th { padding: 15px 6px; background: #f9f9f9; font-size: 15px;}
.pageview .Table_area2 .tbl_All thead th span { display: block; color: #747474; font-size: 12px;}
.pageview .Table_area2 .tbl_All thead th:first-child { width: 110px; padding: 10px; border-right: 1px solid #9b9b9b; background: #d6d6d6; text-align: center;}
.pageview .Table_area2 .tbl_All thead th:nth-child(2) { width: 60px; border-right: 1px solid #9b9b9b; background: #d6d6d6; text-align: center;} 
.pageview .Table_area2 .tbl_All thead th:last-child { width: 100px; border-left: 1px solid #9b9b9b; background: #d6d6d6; text-align: center;}

.pageview .Table_area2 .tbl_All tbody tr:nth-child(even) { background: #f1f1f1;}
.pageview .Table_area2 .tbl_All tbody tr:hover { background: #fffae6;}
.pageview .Table_area2 .tbl_All tbody td { text-align: center; border-bottom: 1px dashed #c7c7c7; padding: 10px 0; font-size: 13px;}
.pageview .Table_area2 .tbl_All tbody td:first-child { padding: 5px; border-right: 1px solid #c7c7c7; text-align: center;}
.pageview .Table_area2 .tbl_All tbody td:nth-child(2) { padding: 0 5px; border-right: 1px solid #c7c7c7; text-align: right;} 
.pageview .Table_area2 .tbl_All tbody td:last-child { border-left: 1px solid #c7c7c7; border-right: 0; text-align: center;}