body {
    width: 100%;
/*    height: 100%; */
    margin: 0;
    padding: 0;
    background-color: #ddd;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.paper {
    width: 210mm;
    min-height: 297mm;
    padding: 20mm; /* set contents area */
    margin: 10mm auto;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.content {
    padding: 0;
    border: 1px #888 dotted;
    height: 257mm;
}


@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;
        background: #fff;
		overflow: visible !important;
		position: relative;
		float: none !important;
    }
    .paper {
        margin: 0;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
/* 		page-break-before:always; */
        page-break-after: always;
		page-break-inside: avoid;
    }
}

div#ebookprintview {
	text-align	: center;
	position		: absolute;
	display: grid;
	grid-template-columns:  300px 1fr;
	width				: 100%;
	height			: 100%;
	left				: 0px;
	top					: 0px;
	border			: 0px;
	margin			: 0px;
	padding			: 0px;
	z-index			: 2147483647; /* top most */
	background-color : #bfbfbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: '맑은 고딕','Malgun Gothic',sans-serif;
 
}

h1#printHeader{
	font-size		: 22px;
	font-weight	: bold;
}

div.printoptionarea  {
	background-color: #ffffff;
	padding: 20px; 
	text-align: left; 
	position: relative;
}

form#printOptions{
/* 	position	: absolute;
	top				: 100px;
	left			: 20px;
 	width			: 300px;
 	height: 400px;

	text-align: left;
/* 	border		: 1px solid #AAA;
	padding-bottom		: 1em;
	background-color	: #EBEBEB;
 */}

form#printOptions ul{
	list-style-type : none;
	width			: 100%;
	height		: 100%;
	padding		: 0px;
	margin		: 1em 0px;
}

form#printOptions ul li{
	padding				: 0.5em 0px;
/* 	border-top		: 1px solid #F0F0F0;
	border-bottom	: 1px solid #E2E2E2;
 */}
form#printOptions ul li label { cursor: pointer;}

form#printOptions span#print_title_range {
	padding						: 0.5em 0px;
	text-align				: center;
}

form#printOptions select {
	width:80px;
	height: 30px;
	padding: 4px; 
	border: 0px solid #dddddd; 
	background-color: rgb(237, 237, 237);
	border-radius: 4px;;
	cursor: pointer;
	margin: 5px ; 
	

}

form#printOptions #print_ok {
    width: 120px;
    left: 20px;
    padding: 0.5em 0px;
    background-color: #2a6fe1;
    color: #ffffff;
    border: 0;	
	cursor: pointer;
	margin: 0 10px;
}

form#printOptions #print_close {
	width			: 120px;
	padding		: 0.5em 0px;
	border: 0;
	background-color: rgb(237, 237, 237);
	border: 1px solid #dddddd;
	cursor: pointer;
}

div#printPreview{
/* 	position	: absolute;
	top				: 60px;
	left			: 240px;
 */	width			: 100%;
	height		: 100%;
	background-color	: #E3E3E3;
	overflow-x				: auto;
	overflow-y				: auto;
/* 	border						: 1px solid #AAA; */
}

span#printCloseBtn{
	position	: absolute;
	top			: 10px;
	right		: 10px;
	width		: 50px;
	height		: 50px;
	cursor		: pointer;
	background-image : url(close.svg);
	background-size: 100%;
}

div#printPreviewContents{
	width: 100%;
	max-width: 1000px;
	margin: auto; 
}
div#printPreviewContents img {
	max-width: 100%;
	width:auto;
	max-height: 100%;
	height	: auto;
	left		: 0px;
	right		: 0px;
	margin	: auto;
}
div#printPreviewContents .page {position: relative;
	background-color: #ffffff;
    margin: 30px 0;}