@charset "UTF-8";
/* 
head에서 link 할 것으로 import 는 불필요.
@import url("./mts-q-el.css"); 
*/
 
/* 
edit: 2020.02.24 syk; vt-q-div에 이미지 있을 경우 보기와의 간격을 위해 inline-block, grid 설정이 있었으나
	  exam pdf 레이아웃이 안맞아 해당 설정을 삭제하고 d-flex, flex-column 클래스를 주었습니다.
*/
.vt-stp-c-comment {
		font-family: "MJ_TeX", "NanumSquareRound", "Open Sans", sans-serif;
	font-size: 1rem;  /* 14pt = 18.6667px = 1.1667rem (1rem=16px기준) */
	color: #000000;
	line-height: 185%;  /* default: 1.5 */
	
	max-width: 21.25rem; 
	min-width: 21.25rem
}
/* 보기 box */
.vt-stp-c-comment .mts-example::before {
	font-size: 1.166666667rem;
	font-weight: bold;
  	color: #305496;
}
/* 본문 안의 table(ex 1,2) */
.vt-stp-c-comment table {color: #000000 !important; line-height: 160%;}
.vt-stp-c-comment table { font-size: 0.9em; }
.vt-stp-c-comment table>caption { font-size: 0.8em; }
.vt-stp-c-comment table>caption { caption-side: top; text-align:right;padding:0; }
.vt-stp-c-comment table.table-bordered, .vt-stp-c-comment table.table-bordered td, .vt-stp-c-comment table.table-bordered th {
	border: 0.0625rem solid #305496;
}  
/* header 처리(ex 5)*/
.vt-stp-c-comment table.table-bordered.table-heading>tbody>tr:first-child {
	background-color : #f5f5f5 !important;
	/*
	border-top : 0.125rem solid #000000 !important;
	border-bottom: 0.125rem solid #000000 !important;
	*/
}
/* 중간 border(ex 6)*/
.vt-stp-c-comment table.border-2>tbody>tr>td:nth-child(2) {
	border-right : 0.125rem solid #000000 !important;
}
/* 본문 안의 table */
.vt-stp-c-comment table { font-size: 1em; }
.vt-stp-c-comment table>caption { font-size: 0.8em; }
/* table header 대각선(ex 3,4) */
.vt-stp-c-comment table td.b-diag { 
	background-image: linear-gradient( to top right, white 49%, #305496, white 51% );
	font-size: 0.65rem;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.vt-stp-c-comment table.table-bordered.table-heading td.b-diag { background-image: linear-gradient( to top right, #f5f5f5 49%, #305496, #f5f5f5 51% ); }
.vt-stp-c-comment table td.t-diag { 
	background-image: linear-gradient( to bottom right, white 49%, #305496, white 51% );
	font-size: 0.65rem;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.vt-stp-c-comment table.table-bordered.table-heading td.t-diag { background-image: linear-gradient( to bottom right, #f5f5f5 49%, #305496, #f5f5f5 51% ); }
/* mx-open-border table(ex 7)*/
.vt-stp-c-comment table.mx-open-border>tbody>tr>td:first-child {
	border-left : 0.125rem solid #ffffff !important;
}
.vt-stp-c-comment table.mx-open-border>tbody>tr>td:last-child {
	border-right : 0.125rem solid #ffffff !important;
}
/* row-heading(ex 8) */
.vt-stp-c-comment table.row-heading>tbody>tr>td:first-child {
	background-color : #f5f5f5;
	/*
	border-right: 0.125rem solid #000000 !important;
	*/
}
/* th, td padding(ex 1,9) */
.vt-stp-c-comment table>tbody>tr>th, .vt-stp-c-comment table>tbody>tr>td { padding: 0.25rem; vertical-align: middle; }
.vt-stp-c-comment table.vt-table-p-2px>tbody>tr>th, .vt-stp-c-comment table.vt-table-p-2px>tbody>tr>td { padding: 0.125rem; }
.vt-stp-c-comment table.vt-table-p-0>tbody>tr>th, .vt-stp-c-comment table.vt-table-p-0>tbody>tr>td { padding: 0; }
.vt-stp-c-comment table.grid-paper>tbody>tr>th, .vt-stp-c-comment table.grid-paper>tbody>tr>td { padding: 0; border:1px dashed #bfbfbf; }