@CHARSET "UTF-8";

:root{
	/*color*/
	--color-black: #3f454d;
	--color-white: #ffffff;
	--color-blue: #3b88c3;
	--color-Blue: #1987db;
	--color-yellow: #fbbe28;
	--color-gray: #c1c1c1;
	--color-red: #d84444;
	--color-green: #3bc378;
	
	/*size*/
	--base-space: 6px;
	--size-button: 13px;
	--size-border: 10px;
}	

body{
	font-family: "Nanum";
}

.buttons{
	text-align: right;
}
.preButtons{
	text-align: left;
}

.colorBtn{
	font-size: var(--size-button);
	padding: calc(var(--base-space) * 2);
	border-radius: var(--size-border);
}

.black{background-color: var(--color-black); color: var(--color-white); font-weight: bold;}
.blue{background-color: var(--color-blue); color: var(--color-white); font-weight: bold;}
.yellow{background-color: var(--color-yellow); color: var(--color-black); font-weight: bold;}
.red{background-color: var(--color-red); color: var(--color-white); font-weight: bold;}
.green{background-color: var(--color-green); color: var(--color-white); font-weight: bold;}
.gray{background-color: var(--color-gray); color: var(--color-black); font-weight: bold;}

.topMenu{
	display:block;
}

/*모바일 버전 페이지네이션 표시*/
@media screen and (max-width:479px){
	.page-web { display: block; }
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
}

table a{
	color: var(--color-Blue);
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}
h2{
	position: relative;
	color: var(--color-Blue);
	font-size: 1.2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
input[type=button]{
	cursor: pointer;
}