@charset "UTF-8";
/* 
head에서 link 할 것으로 import 는 불필요.
@import url("./mts-q-el.css");
@import url("./mts-q-stp.css");
@import url("./mts-q-math.css"); */
 
/* 
edit: 2020.02.24 syk; vt-q-div에 이미지 있을 경우 보기와의 간격을 위해 inline-block, grid 설정이 있었으나
	  exam pdf 레이아웃이 안맞아 해당 설정을 삭제하고 d-flex, flex-column 클래스를 주었습니다.
*/
.vt-q-render {
	font-family: 'MJ_TeX', "NanumMyeongjo", "Open Sans", sans-serif;
	/* font-size: 15.12px; */
	/* word-spacing: 0.1px; */
	
	/* font-size: 0.8125rem; */  /* mathjax scale 100 상태에서 svg 내 문자와 크기를 맞추려면 0.8125 (13/16px) 설정 */
	font-size: 9.75pt;  /* mathjax scale 100 상태에서 svg 내 문자와 크기를 맞추려면 0.8125 (13/16px) 설정 */
	color: #000000;
	line-height: 185%;  /* default: 1.5 */
	
	max-width: 219.1pt; /* 77mm */
	min-width: 219.1pt; /* 77mm */
}
.preview_text.vt-q-render, .preview_text.vt-q-render-el, .preview_text.vt-q-render-math {
	border: 1px dashed black;
}
.vt-exp-render {
	font-family: 'MJ_TeX', "NanumMyeongjo", "Open Sans", sans-serif;
	
	font-size: 8.4pt; 	/* 본문 * 약 0.86(=11.2px) */
	color: #000000;
	line-height: 160%; /* default: 1.5 */
	
	max-width: 219.1pt; /* 77mm */
	min-width: 219.1pt; /* 77mm */
}
.preview_text.vt-exp-render, .preview_text.vt-exp-render-el, .preview_text.vt-exp-render-math {
	border: 1px dashed black;
}
/* 보기 box */
.mts-example { margin-top : -0.6875rem; margin-bottom: 0.3125rem;}
.mts-example .well { padding-top: 0.9375rem; padding-bottom: 0.5625rem;padding-left:0.5rem;padding-right:0.5rem;margin-top:0;}
.mts-example::before {
  content: " [ 보기 ] ";
  position: relative;
  /* top: 15px; */
  left: 42%;
  top: 0.8125rem;
  background-color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.vt-q-render .mts-example::before, .vt-exp-render .mts-example::before {
	font-size: 0.8125rem;
	font-weight: bold;
  	color: #305496;
}
.well {
  padding: 0.5rem;
  margin-top: 0.75rem;
  margin-bottom: 0.3125rem;
  border: 0.0625rem solid #305496;
  border-radius: 0.25rem; 
}
.vt-border {
  border: 1px solid #305496;
  border-radius: 0.25rem; 
}
/* 정답 check */
.vt-qo-obj-right-mark {
	position: absolute;
	left: -0.1rem;
	top: -0.3rem;
	width: 2rem;
}
/* 보기 */
.vt-q-render .vt-q-obj { font-size: 0.9166rem; }
.vt-q-render .vt-qo-obj { margin-bottom: 0.4rem; }
/* 본문 안의 table(ex 1,2) */
.vt-q-div table {color: #000000 !important; line-height: 160%;}
.vt-q-div table { font-size: 0.9em; }
.vt-q-div table>caption { font-size: 0.8em; }
.vt-q-div table>caption { caption-side: top; text-align:right;padding:0; }
.vt-q-div table.table-bordered, .vt-q-div table.table-bordered td, .vt-q-div table.table-bordered th {
	border: 0.0625rem solid #305496;
}  
/* header 처리(ex 5)*/
.vt-q-div 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-q-div table.border-2>tbody>tr>td:nth-child(2) {
	border-right : 0.125rem solid #000000 !important;
}
/* table header 대각선(ex 3,4) */
.vt-q-div 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-q-div table.table-bordered.table-heading td.b-diag { background-image: linear-gradient( to top right, #f5f5f5 49%, #305496, #f5f5f5 51% ); }
.vt-q-div 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-q-div 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-q-div table.mx-open-border>tbody>tr>td:first-child {
	border-left : 0.125rem solid #ffffff !important;
}
.vt-q-div table.mx-open-border>tbody>tr>td:last-child {
	border-right : 0.125rem solid #ffffff !important;
}
/* row-heading(ex 8) */
.vt-q-div 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-q-div table>tbody>tr>th, .vt-q-div table>tbody>tr>td { padding: 0.25rem; vertical-align: middle; }
.vt-q-div table.vt-table-p-2px>tbody>tr>th, .vt-q-div table.vt-table-p-2px>tbody>tr>td { padding: 0.125rem; }
.vt-q-div table.vt-table-p-0>tbody>tr>th, .vt-q-div table.vt-table-p-0>tbody>tr>td { padding: 0; }
.vt-q-div table.grid-paper>tbody>tr>th, .vt-q-div table.grid-paper>tbody>tr>td { padding: 0; border:1px dashed #bfbfbf; }
/* Input border 
	(default)    : web border O / pdf border O
	.vt_input_b0 : web border O / pdf border X
	.vt_input_b1 : web border X / pdf border X
*/
.vt_input_b1 { border: none !important;}
/* 수식(qType=14) box */
.qType14_Input { 
	display: inline-flex; justify-content: center; 
	border: 1px solid #858585; border-radius: 3px; 
	padding: 1px 2px; 
	overflow-x: clip;
	background-color: rgba(255,188,0,.25)!important;
	
	vertical-align: middle;
	min-height: 1.4rem;
}
