.zero_transkey_div_2 {
	position: static;
	width:560px;
	height: 38px;
	margin-left:10px;
	margin-top:2px;
	user-select: none; /* 클릭 시 텍스트 선택 비활성화 */
	cursor: default;   /* 클릭 시 커서가 보이지 않도록 설정 */
}

.zero_transkey_div_2_2 {
	position: relative;
	float: left;
	width: 38px;
	height: 38px;
	margin-right:2px;

}

.zero_transkey_div_2_2_2 {
	position: relative;
	float: left;
	width: 38px;
	height: 38px;
	margin-right:2px;
	z-index:1002;
}
.zero_transkey_div_2_3 {
	position: relative;
	float: left;
	width: 38px;
	height: 38px;
	margin-right:82px;
}

.zero_transkey_div_2_4 {
	position: relative;
	float: left;
	width: 78px;
	height: 38px;
	margin-right:2px;
}

.zero_transkey_divLayout {
	position: absolute;
	display: none;
	z-index: 1008;
}

.zero_transkey_qwertyMainDiv{
	position: absolute;
	width: 578px;
	height: 239px;
	z-index: 1011;
	border: solid 2px #e6e6e6;
	border-radius: 1px;
	cursor: default;
}

.zero_transkey_lower {
	width: 582px;
	height: 243px;
	position: absolute;
	z-index: 1009;
	opacity: 1;
}

.zero_transkey_upper {
	width: 582px;
	height: 243px;
	position: absolute;
	display: none;
	z-index: 1009;
	opacity: 1;
}

.zero_transkey_qwertyBlank {
	position: absolute;
	left: 253px;
	top: 76px;
	width: 76px;
	height: 78px;
	display: inline;
	z-index: 1012;
}

.zero_transkey_osMouse {
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	display: block;
	z-index: 1010;
}

.zero_transkey_pKey{
	position: absolute;
	display: none;
	width: 38px;
	height: 38px;
	z-index: 1009;
	opacity: 0.7!important;
}

.zero_transkey_q_p_enterKey{
	position: absolute;
	display: none;
	width: 78px;
	height: 78px;
	z-index: 1009;
}

.zero_transkey_q_p_shiftKey{
	position: absolute;
	display: none;
	width: 78px;
	height: 38px;
	z-index: 1009;
}
.zero_transkey_n_p_enterKey{
	position: absolute;
	display: none;
	width: 38px;
	height: 78px;
	z-index: 1009;
}

.zero_transkey_n_p_backKey{
	position: absolute;
	display: none;
	width: 38px;
	height: 78px;
	z-index: 1009;
}

.zero_transkey_q_p_spacekey{
	position: absolute;
	display: none;
	width: 78px;
	height: 38px;
	z-index: 1009;
}

.zero_transkey_q_r_enterKey{
	position: absolute;
	width:78px;
	height:78px;
	top:112px;
	left:490px;
	-webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 50% 50%);
	-o-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 50% 50%);
	-ms-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 50% 50%);
	clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 50% 50%);
}

.zero_transkey_q_l_enterKey{
	position: absolute;
	width:78px;
	height:78px;
	top:112px;
	left:10px;
	-webkit-clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 100% 50%, 100% 100%, 0% 100%);
	-o-clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 100% 50%, 100% 100%, 0% 100%);
	-ms-clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 100% 50%, 100% 100%, 0% 100%);
}
.zero_transkey_qwertyDragDiv {
	position: absolute;
	cursor: move;
	width: 520px;
	height: 25px;
	top: 0px;
	z-index: 1012;
}
.zero_transkey_numberDragDiv {
	position: absolute;
	cursor: move;
	width: 200px;
	height: 25px;
	top: 0px;
	z-index: 1012;
}

.zero_transkey_numberMainDiv{
	position: absolute;
	width: 245px;
	height: 189px;
	z-index: 1011;
	border: solid 2px #e6e6e6;
	border-radius: 5px;
}
.zero_transkey_numberDragDiv {
	position: absolute;
	cursor: move;
	width: 200px;
	height: 25px;
	top: 0px;
	z-index: 1012;
}
.zero_transkey_div_3 {
	position:absolute;
	width:38px;
}

.zero_transkey_div_3_2 {
	position: relative;
	float: left;
	width: 38px;
	height: 38px;
	margin-top:2px;
}

.zero_transkey_div_3_3 {
	position: absolute;
	float: left;
	width: 38px;
	height: 38px;
}

.zero_transkey_div_3_4 {
	position: relative;
	float: left;
	width: 38px;
	height: 78px;
	margin-top:2px
}

.zero_transkey_single {
	width: 249px;
	height: 193px;
	position: absolute;
	z-index: 1009;
	opacity: 1;
}
/* 클릭 시 적용될 스타일 */
.clicked-effect {
	background-color: rgba(128, 128, 128, 0.5); /* 반투명 회색 */
}