@charset "EUC-KR";

h2 {
	font-size: 1.5em;
	font-family: "Lato", sans-serif;
}

/* ¹öÆ° CSS */
.button-label {
	display: inline-block;
	padding: 1em 2em;
	margin: 0.5em;
	cursor: pointer;
	color: #292929;
	border-radius: 0.25em;
	background: #efefef;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0
		rgba(0, 0, 0, 0.22);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.button-label h1 {
	font-size: 1em;
	font-family: "Lato", sans-serif;
}

.button-label:hover {
	background: #d6d6d6;
	color: #101010;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0
		rgba(0, 0, 0, 0.32);
}

.button-label:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0px -1px 0
		rgba(0, 0, 0, 0.22);
}

@media ( max-width : 40em) {
	.button-label {
		padding: 0em 1em 3px;
		margin: 0.25em;
	}
}
/* ³²³à ¹öÆ° */
#m-button:checked+.button-label {
	background: #548ce8;
	color: #efefef;
}

#m-button:checked+.button-label:hover {
	background: #2770e8;
	color: #e2e2e2;
}

#w-button:checked+.button-label {
	background: #e356af;
	color: #efefef;
}

#w-button:checked+.button-label:hover {
	background: #de2663;
	color: #e2e2e2;
}
/* °íÇ÷¾Ð ¹öÆ° */
#b1-button:checked+.button-label {
	background: #D91E18;
	color: #efefef;
}

#b1-button:checked+.button-label:hover {
	background: #c21b15;
	color: #e2e2e2;
}

#b2-button:checked+.button-label {
	background: #2ECC71;
	color: #efefef;
}

#b2-button:checked+.button-label:hover {
	background: #29b765;
	color: #e2e2e2;
}
/* ´ç´¢ ¹öÆ° */
#d1-button:checked+.button-label {
	background: #D91E18;
	color: #efefef;
}

#d1-button:checked+.button-label:hover {
	background: #c21b15;
	color: #e2e2e2;
}

#d2-button:checked+.button-label {
	background: #2ECC71;
	color: #efefef;
}

#d2-button:checked+.button-label:hover {
	background: #29b765;
	color: #e2e2e2;
}

.hidden {
	display: none;
}
/* ¹öÆ° CSS ³¡*/