@charset "UTF-8";
/* ----- qsubType 31(선-관계) ----- */
.vt-q-qsub-area .card, .vt-exp-qsub-area .card {max-width: 112px;}
.vt-card-mark-left { position: absolute; right: -16px; }
.vt-card-mark-right { position: absolute; left: -16px; }
.vt-line-area .card-body { border: 1px solid gray; }
/* ----- qsubType 51(시계) ----- */
.clock-container{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	position: relative;
}
.vt-clock-bg {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.vt-qsub51-ctrl-btn {	
    padding: .28rem .5rem;
    font-size: 0.75rem;
    
    /* ----- from: WEB/views/v4/inc/head.jsp vt-btn-xs  ------ */
    line-height: 1rem; font-size: 0.75rem; padding: 0.2rem 0.8rem;
	border-radius: 0.25rem;
  
  	-webkit-box-shadow: none;
  	box-shadow: none;
    /* ----- end ------ */
}
/* ----- qsubType 01(drag and drop) ----- */
.vt-area-outline {
	border-radius: 0.25rem;
	
/* 	margin-top: 0.75rem; */
/* 	margin-bottom: 0.3125rem; */
}
/* ----- qsubType 21(table colored) ----- */
.vt-td-selectable { cursor: pointer; }
.vt-init-table-div .row, .vt-palette-card .row { margin-right: 0; margin-left: 0;}
.vt-circle-style {
	width: 2rem; 
	height: 2rem; 
	border: 1px solid red;
}
.vt-mark-selected {
	/* memo: qi real 기준, 로컬에서 사용시 변경하기  */
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: contain;
	
}
