body {
	margin: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	font-family: 'CLCF-Regular';
}

button {
	border: none;
}

.cntchemlab {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.cntnpc {
	position: absolute;
	overflow: visible;
	left: 0px;
	top: 0px;
	z-index: 25;
	background-color: transparent;
	pointer-events: none;
}

.npcBalloonBack {
	font-family: 'CLCF-Bold';
	background-color: transparent;
	color: rgb(0, 18, 63);
	overflow: hidden;
	z-index: 26;
}

.npcBalloonText {
	font-family: 'CLCF-Bold';
	background-color: transparent;
	color: rgb(0, 18, 63);
	overflow: hidden;
	z-index: 27;
}

.uiChemLabBack {
	background-color: transparent;
}

.uiChemLabBackStepTitle {
	background-color: rgba(255, 255, 255, 0.1);
}

.uiChemLabTitle {
	font-family: 'CLCF-Regular';
	color: white;
	overflow: visible;
	text-shadow: 0 0 1em skyblue, 0 0 0.2em skyblue;
}

.uiChemLabTitle2 {
	font-family: 'CLCF-Regular';
	color: black;
	overflow: visible;
	text-shadow: 0 0 1em darkgray, 0 0 0.2em darkgray;
}

.uiChemLabTitle3 {
	font-family: 'CLCF-Bold';
	color: rgba(127, 51, 1);
	overflow: visible;
	text-shadow: 0 0 1em darkgray, 0 0 0.1em darkgray;
}

.uiChemLabStepTitle {
	vertical-align: middle;
	white-space: nowrap;
}

.uiChemLabDetail {
	font-family: 'CLCF-Regular';
	vertical-align: top;
	color: white;
	background-color: transparent;
	text-shadow: 0 0 1em skyblue, 0 0 0.2em skyblue;
}

.uiChemLabMultiLineH150 {
	line-height: 150%;
}

.uiChemLabStepDetail {
	vertical-align: middle;
	white-space: nowrap;
}

.uiChemLabTitleFail {
	font-family: 'CLCF-Regular';
	vertical-align: top;
	color: white;
	background-color: transparent;
	text-shadow: 0 0 0.2em black, 0 0 0.2em black;
}

.uiChemLabDetailFail {
	font-family: 'CLCF-Regular';
	vertical-align: top;
	color: rgb(180, 194, 223);
	background-color: transparent;
	text-shadow: 0 0 0.2em black, 0 0 0.2em black;
}

.uiChemLabStepNum {
	font-family: 'CLCF-Bold';
	text-align: left;
	vertical-align: top;
	color: darkblue;
	background-color: transparent;
	overflow: visible;
	font-weight: 900;
	font-style: italic;
}

.uiChemLabCounter {
	background-color: transparent;
}

.uiChemLabBtn1 {
	font-family: 'CLCF-Regular';
	background-color: transparent;
	background-size: 100% 100%;
}

.uiChemLabBtn1:hover {
}

.uiChemLabBtn1:active {
}

.uiChemLabBtn1_btn {
	background-color: transparent;
	content: url('./image/chemlab_btn_normal.png');
	width: 100%;
	height: 100%;
}

.uiChemLabBtn1_btn:hover {
	content: url('./image/chemlab_btn_pushed.png');
}

.uiChemLabBtn1_btn:active {
	content: url('./image/chemlab_btn_pushed.png');
}

.uiChemLabBtnText1 {
	color: white;
	text-shadow: 0 0 1em skyblue, 0 0 0.2em skyblue;
	text-align: center;
	background-color: transparent;
}

.uiChemLabBtnExperiment {
	background-color: orange;
	border: black 1px solid;
	color: black;
	text-align: center;
}

.uiChemLabBtnStep {
	background-color: transparent;
	background-image: url('./image/btn_step_main_normal.png');
	background-size: 100% 100%;
}

.uiChemLabBtnStep_en {
	background-color: transparent;
	background-image: url('./image/btn_step_main_normal_en.png');
	background-size: 100% 100%;
}

.uiChemLabBtnStep_Selected {
	background-image: url('./image/btn_step_main_pushed.png');
}

.uiChemLabBtnStep_Selected_en {
	background-image: url('./image/btn_step_main_pushed_en.png');
}

/* 23.07.03 추가 --Start */
.uiChemLabBtnStepUndo {
	background-color: transparent;
	background-image: url('./image/btn_step_main_undo_normal.png');
	background-size: 100% 100%;
}

.uiChemLabBtnStepUndo_en {
	background-color: transparent;
	background-image: url('./image/btn_step_main_undo_normal_en.png');
	background-size: 100% 100%;
}

.uiChemLabBtnStepRedo {
	background-color: transparent;
	background-image: url('./image/btn_step_main_redo_normal.png');
	background-size: 100% 100%;
}

.uiChemLabBtnStepRedo_en {
	background-color: transparent;
	background-image: url('./image/btn_step_main_redo_normal_en.png');
	background-size: 100% 100%;
}

/* 23.07.03 추가 --End */
.uiChemLabBtnSubstep {
	background-color: transparent;
	background-image: url('./image/btn_step_sub_normal.png');
	background-size: 100% 100%;
}

.uiChemLabBtnSubstep_en {
	background-color: transparent;
	background-image: url('./image/btn_step_sub_normal_en.png');
	background-size: 100% 100%;
}

.uiChemLabBtnSubstep_Selected {
	background-image: url('./image/btn_step_sub_pushed.png');
}

.uiChemLabBtnSubstep_Selected_en {
	background-image: url('./image/btn_step_sub_pushed_en.png');
}

.uiChemLabBtnCloseSteps {
	background-color: transparent;
	background-image: url('./image/btn_step_list_close.png');
	background-size: 100% 100%;
}

.my-element {
	display: inline-block;
	margin: 0 0.5rem;
	animation: bounce; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 2s; /* don't forget to set a duration! */
}