.pp-table { position: relative; width: 100%; margin-top: 10px;}
.pp-table table { width: 100%; border-top: 1px solid #aaa; font-size: 1.4rem; }
.pp-table table tr { border-bottom: 1px solid var(--line-color); }
.pp-table table th { padding: 10px; border-bottom: 1px solid var(--line-color); font-weight: bold; transition: background .25s ease; background: #eff1f3; color: #717587; }
.pp-table table th:not(.empty, .num) { cursor: pointer; }
.pp-table table th:not(.empty, .num):hover { background: #dde1e5; }
.pp-table table td { padding: 15px 10px; }
.pp-table table td .link:hover { color: var(--theme-blue); }
.pp-table table td.no-data { text-align: center; }


.pp-table .detail-view td { padding: 20px 30px; }
.detail-view { background: #f7f7f7; border-top: 2px solid var(--line-color); }
.detail-view .detail-wrap { position: relative; display: flex; }
.detail-view .detail-wrap .d-head { width: 180px; font-size: 1.7rem; font-weight: 600; color: var(--theme-blue); }
.detail-view .detail-wrap .d-list { width: calc(100% - 180px); }
.detail-view .detail-wrap .d-list dl .row { display: flex; padding: 10px 20px; background: #fff; border: 1px solid var(--line-color); }
.detail-view .detail-wrap .d-list dl .row:not(:last-child) { margin-bottom: 5px; }
.detail-view .detail-wrap .d-list dl .row dt { display: flex; font-weight: 900; width: 170px;}
.detail-view .detail-wrap .d-list dl .row dd { width: calc(100% - 170px);}
.detail-view .detail-wrap .d-list dl .row .input-checkbox,
.detail-view .detail-wrap .d-list dl .row .input-radio { margin-right: 5px; }


.pp-table .link { text-decoration: underline; margin-left: 20px; }
.pp-table .checkbox:checked + .checkbox-label { color: var(--theme-blue); }
.pp-table .layer-btn { width: 17px; height: 17px; border-radius: 3px; border: 1px solid #969696; background: #f0f0f0; padding-top: 2px; margin-left: 5px; outline: 0; }
.pp-table .file-label { display: inline-block; padding: 2px 8px; background: #eee; font-weight: 600; }



.table-align-btn { font-weight: bold; font-size: 1.2rem; border: none; outline: 0; transition: opacity .25s ease; cursor: pointer; display: inline-block;  background: url("../../../img/smk/report/table_filter_ico.png") no-repeat; background-size: 15px 45px; width: 15px; height: 15px; background-position: center 0; bottom: 0;left:0; display: inline-block; margin-left: 3px; margin-top: 3px; vertical-align: top; }
.table-align-btn.up { background-position: center -15px; background-color:#f2f2f7;}
.table-align-btn.down { background-position: center -30px; background-color:#f2f2f7;}

.s-table table { font-size: 1.25rem; }
.s-table .link { margin-left: 0; }
.s-table table td { padding: 7px 5px; color: #666; }
.s-table table th { padding: 7px 5px; }