@font-face {
	font-family: 'HyundaiSansHeadKR';
	src: url('/font/HyundaiSansHeadKRBold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

*,
*::before,
*::after{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

html,body{
	width:100%;
	height:100%;
	overflow:hidden;
	font-family: 'HyundaiSansHeadKR', sans-serif;
}

body{
	-webkit-tap-highlight-color:transparent;
	font-family:Pretendard, sans-serif;
}

img{
	max-width:100%;
	display:block;
}

button,input,textarea,select{
	font-family:inherit;
	border:0;
	background:none;
	outline:none;
}

a{
	text-decoration:none;
	color:inherit;
}

canvas, img, a { cursor: none; }

ul,ol{
	list-style:none;
}

.imagemap{
	position:relative;
	width:100%;
}

.container {
	width:100%;
	max-width:1080px;
	margin:0 auto;
}

.game01 {
	position:absolute;
	top: 42.96875%;
	height: auto;
	left: 5.92592%;
	width: 40.2777%;
}

.game02 {
	position:absolute;
	top: 42.96875%;
	height: auto;
	left: 55%;
	width: 40.2777%;
}

.game01:hover, .game02:hover {
	transform:translateY(-2%);
}

.game01,
.game02{
	position:absolute;
	transition:all 1.5s ease;
}

/* 선택된 카드 */
.game_selected{
	transform:translateY(-2%) scale(1.03);
	z-index:10;
}

/* 선택 안된 카드 */
.game_hide{
	opacity:0;
	transform:scale(0.95);
	pointer-events:none;
}

/* container fade */
.container.fadeout{
	transition:opacity 1s ease;
	opacity:0;
}