@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;

	

}