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

body { width:100%; background:#000 }

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

.container { display:none; position:relative; width:100%; margin:0 auto; max-width:1080px; }
#start, #result { display:block; }

/* 클릭 영역 */
.start_btn { position:absolute; top:49%; height:7.1%; left:50%; transform:translateX(-50%); width:50%; cursor:pointer; }

.left_side { position:absolute; top:35%; left:0%; width:50%; height:65%; cursor:pointer; }
.right_side { position:absolute; top:35%; left:50%; width:50%; height:65%; cursor:pointer; }

.left_side:active, .right_side:active{
	background:rgba(0,0,0,0.06);
}

.gohome { position:absolute; top:1.5%; right:3%; width:10%; height:5%; cursor:pointer;}
.printme { position: absolute; top: 90.3%; left: 7.6%; width: 30.5%; height: 5.3%; cursor: pointer;}

	#print-sheet{
		display:none;
	}

	/* 프린트 전용 설정 */
	@media print{
		@page{
			size: 80mm auto;	/* 폭 80mm, 높이 자동 */
			margin: 0;
		}
		/* 프린트 모드일 때, 지정 요소 외 모두 숨김 */
		body.printing *:not(#print-sheet):not(#print-sheet *){
			display: none !important;
			visibility: hidden !important;
		}
		/* 인쇄할 시트 */
		#print-sheet{
			display:block !important;
			width:80mm !important;
			margin:0 !important;
			padding:0 !important;
		}
		#print-sheet img{
			display:block;
			width:100% !important;	/* 80mm 안에서 가로 100% */
			height:auto !important;
			margin:0 !important;
		}
	}