:root {
	/* color*/
	--white-color: #fefefe;
	--black-color: #3d3d3d;
	--lightgary-color: #e6e6e6;
	--maingreen-color: #02a64a;
	--pointblue-color: #144e9b;
	--clickgreen-color: #f1c11d;
	/* font-size*/
	--xsmall-font-size: 36px;
	--small-font-size: 40px;
	--medium-font-size: 50px;
	--large-font-size: 72px;
	--xlarge-font-size: 120px;

	--smallbtn-font-size: 72px;
}
* {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR', sans-serif;
}
ul {
	list-style: none;
	text-decoration: none;
}
li {
	text-decoration: none;
	color: var(--white-color);
}
p {
	color: var(--black-color);
}
input:focus {
	outline: 4px var(--maingreen-color);
}
body {
	box-sizing: border-box;
	width: 100%;
}
.statement__Grouplist :nth-child(1) {
	color: var(--white-color);
}

/* 광고영역 */
.main__advertisements {
	width: 100%;
	background-color: beige;
	height: 300px;
}
.main__advertisements .ad_txt {
	font-size: 20pt;
	color: var(--white-color);
}

/* 알림영역 */
.notice__box {
	width: 100%;
	background-color: #111;
	height: 50px;
}
.notice__txt {
	font-size: 16pt;
	color: var(--white-color);
	line-height: 50px;
}
.main__container {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	box-sizing: border-box;
	/* min-height: calc(100% - 480px); */
}
.common__title {
	font-size: 50pt;
	margin-bottom: 32px;
	font-weight: 500;
	text-align: center;
}
.common__input {
	padding-left: 10px;
	font-size: 20pt;
	margin-bottom: 20px;
}

.common__input,
.common__btn,
.searchName__btn {
	width: 80%;
	height: 100px;
	border-radius: 20px;
	border-radius: 16px;
	background: transparent;
	border: 4px solid var(--maingreen-color);
	box-sizing: border-box;
}

.common__btn,
.searchName__btn {
	background-color: var(--maingreen-color);
	font-size: 28pt;
	/* background-color: var(--lightgary-color); */
	border-style: none;
	color: var(--white-color);
	outline-color: var(--maingreen-color);
	letter-spacing: 5px;
	width: 93%;
}
.searchName__input {
	width: 100%;
	height: 100px;
	border-radius: 20px;
	border-radius: 16px;
	background: transparent;
	border: none;
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 36px;
}

.common__print-btn {
	background-color: var(--lightgary-color);
	pointer-events: none;
}

.common__btn.active {
	background-color: var(--maingreen-color);
	color: var(--white-color);
}

/* 숫자 키패드 */
/* admin ver */
.admin__numberKeypad_wrap {
	display: none;
	width: 85%;
	background-color: aliceblue;
	position: absolute;
	top: 680px;
	left: 61px;
}
/* .admin__numberKeypad_wrap.block {
	display: block;
	} */
/* entry statement ver */
.numberKeypad_wrap {
	width: 100%;
	position: absolute;
	top: 56%;
	background-color: aliceblue;
	z-index: 999;
}

.number__Keypad {
	width: 90%;
	margin: auto;
}
.number__Keypad .number__wrap {
	display: flex;
	justify-content: space-around;
	margin: 20px 0;
}
.number__Keypad .number__wrap .number,
.modify__key,
.check__Key {
	width: 120px;
	height: 80px;
	border-radius: 16px;
	font-size: 32pt;
	color: var(--white-color);
	letter-spacing: 10px;
}
.number {
	background-color: var(--maingreen-color);
}
.number:active {
	background-color: var(--clickgreen-color);
}
.modify__key,
.check__Key {
	background-color: var(--pointblue-color);
}

.infomation_txt {
	font-size: 28px;
}

ul,
li {
	list-style: none;
}
.keyborad {
	background-color: var(--maingreen-color);
	color: var(--white-color);
	width: 65px;
	height: 80px;
	border-radius: 5px;
	font-size: 30pt;
	line-height: 80px;
	margin: 2px;
}
.w_90 {
	width: 90%;
	display: inline-bloc;
}
#virtual-keyboard {
	background-color: aliceblue;
	position: relative;
	top: -110px;
	text-align: center;
	display: none;
	/* left: 61px; */
	width: 100%;
}
#virtual-keyboard ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#virtual-keyboard li {
	float: left;
	text-align: center;
	border: 1px solid var(--black-color);
}
#virtual-keyboard button {
	float: left;
	text-align: center;
	border: 1px solid var(--black-color);
	font-size: 20pt;
	height: 95%;
	width: 80px;
}

#virtual-keyboard button {
	background-color: rgb(0, 86, 184);
	color: var(--white-color);
}
.flex {
	display: flex;
	justify-content: center;
}
.flex img {
	width: 200px;
	border: 1px solid var(--black-color);
	height: 95%;
	border-radius: 5px;
}
.searchVoice {
	display: flex;
	margin: 0 auto;
	width: 80%;
	height: 100px;
	justify-content: space-between;
	border-radius: 20px;
	border-radius: 16px;
	background: transparent;
	border: 4px solid var(--maingreen-color);
	box-sizing: border-box;
	padding-left: 10px;
	font-size: 20pt;
	margin-bottom: 20px;
}

.fa-solid {
	width: 5%;
	font-size: 40px;
	border: none;
	background: none;
	color: var(--maingreen-color);
	font-weight: 900;
	margin-right: 3%;
}