@charset "UTF-8";

/* 기본테이블 */
.table-basic { font-size:0.8em; border-top:2px solid #646464; table-layout:fixed; }
.table-basic .no-border-l { border-left:0px; }
.table-basic .no-border-r { border-right:0px; }
.table-basic thead tr th { border-bottom:0px; background-color:#f2f2f2; text-align:center; }
.table-basic tbody tr th { background-color:#fcfcfc; }
.table-basic tr th,
.table-basic tr td { border:1px solid #dadada; border-left:1px solid rgba(218, 218, 218, 1); padding:12px 10px; word-break:keep-all; word-wrap:break-word; } 
.table-basic tr th {  }
.table-basic tr td { font-weight:0.8em; text-align:center; line-height:1.6; }
.table-basic tr td.t-left { text-align:left; }

.table-basic.no-border tr th,
.table-basic.no-border tr td { border-left:0px; border-right:0px; }

/*** Mobile ***/  
@media screen and (min-width:1px) and (max-width:639px) {
/************************ table 반응형 ************************/
	.table-basic.mob-size {  }
	.table-basic.mob-size { border-top:0px; }
	.table-basic.mob-size thead,
	.table-basic.mob-size colgroup { display:none; }
	.table-basic.mob-size,
	.table-basic.mob-size tbody,
	.table-basic.mob-size tbody tr { display:block; }
	.table-basic.mob-size tbody th,
	.table-basic.mob-size tbody td { display:block; min-height:15px; padding:10px; padding-left:160px; border-left:0px; border-right:0px; border-bottom:0px; position:relative; text-align:left;   }
	.table-basic.mob-size tbody tr { border:1px solid #0a3b7b; }
	
	.table-basic.mob-size tbody th:before,
	.table-basic.mob-size tbody td:before { width:120px; border-right:1px solid #dadada; position:absolute; left:15px; font-weight:600; white-space:pre; }
	.table-basic.mob-size tbody td { border-top:1px solid #dadada; }
	.table-basic.mob-size tbody td:last-of-type { border-bottom:1px solid #dadada; }

	.table-basic.mob-size tbody tr:not(:last-of-type) { margin-bottom:15px; }

	td[data-column-title="num"]:before { content:'번호'; }
	td[data-column-title="apply-service"]:before { content:'신청 서비스'; }
	td[data-column-title="date"]:before { content:'날짜'; }
	td[data-column-title="status"]:before { content:'상태'; }
	td[data-column-title="payment"]:before { content:'결제금액'; }
	td[data-column-title="pay-date"]:before { content:'결제날짜'; }
	td[data-column-title="subject"]:before { content:'제목'; }
	td[data-column-title="ap-date"]:before { content:'등록일'; }
	td[data-column-title="writer"]:before { content:'작성자'; }
	td[data-column-title="wr-date"]:before { content:'작성일'; }
	td[data-column-title="view"]:before { content:'조회'; }
	td[data-column-title="use-date"]:before { content:'이용기간'; }
	td[data-column-title="reg-date"]:before { content:'신청일자'; }
	td[data-column-title="func"]:before { content:'기능'; }
	
	.table-basic.no-head.mob colgroup { display:none; }
	.table-basic.no-head.mob tr th,
	.table-basic.no-head.mob tr td { display:block; width:100%; border:1px solid #dadada; border-top:0px; }
	
	.table-basic.no-head.mob tr th { text-align:left; }
	
}