@charset "utf-8";

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'GyeonggiBatang',serif;font-size:1em;font-weight:700;line-height:1.75em;color:#242424;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
a{color:inherit;text-decoration:none;}

body {margin:0;padding:0;}

h1 {text-align:center; line-height:1.5em; color:#222638; font-size:30px; margin-bottom:.7em; padding-top:.4em;}

.page {position:relative; max-width:630px; padding:0;margin:0 auto;background:#fff;}

.page2 {position:relative; max-width:754px; padding:0;margin:0 auto;background:#fff;}

.back-img {position:relative; top:0; left:0; width:100%; height:0; padding-bottom:141.27%;}
.back-img img {position:absolute; top:0; left:0; width:100%; height:100%;}

.cert-num {position:absolute; top:12.2%; left:15.1%; font-size:.93em;}

.cert-affi {position:absolute; top:30%; right:15.3%; font-size:.93em; line-height:2.1em;}
/* .cert-affi .sm {letter-spacing:-.04em;} */

.cert-info {position:absolute; top:42%; left:15.3%; font-size:.93em; line-height:2.1em;}
.cert-info .sm {display:inline-block; width:68px; height:2.1em; text-align:justify; vertical-align:top;}
.cert-info .sm:after {content:""; display:inline-block; width:100%;}

.cert-txt {position:absolute; top:53%; left:15%; right:15%; font-size:1.16em; letter-spacing:-.03em; line-height:1.7em; text-indent:1em; font-weight:700; word-break:break-all; text-align:justify;}

.cert-date {position:absolute; top:71.8%; left:0; width:100%; text-align:center; font-size:1.12em;}

.print {text-align:right; background:#000; padding:10px;}
.print .btn {display:inline-block; vertical-align:middle; color:#fff; font-size:14px; font-family:sans-serif; line-height:30px; padding:0 18px; border:1px solid #666; border-radius:4px;}
.print .close {display:inline-block; vertical-align:middle; margin-left:10px; position:relative; width:26px; height:26px; overflow:hidden; text-indent:-999em;}
.print .close:before,
.print .close:after {content:""; position:absolute; top:0; left:50%; margin-left:-1px; width:2px; height:100%; background:#fff; border-radius:2px;}
.print .close:before {transform:rotate(45deg)}
.print .close:after {transform:rotate(-45deg)}

@page {
	size: A4;
	margin: 0;
}

@media print {
	@page {
		size: A4;
		margin: 0;
	}
	html, body {width:210mm;height:297mm;}
	body {background:#fff; padding:1.3cm 1cm;}
	.page {max-width:100%;page-break-after:always;margin:0;}
	.page2 {max-width:100%;page-break-after:always;margin:0;}
	.cert-num {font-size:1.04em !important;}
	.cert-info {font-size:1.04em !important;}
	.cert-txt {font-size:1.27em !important; letter-spacing:-.01em;}
	.cert-date {font-size:1.25em !important;}

	.print-paper body {padding:0;}

	.print {display:none;}

	footer {position:fixed;bottom:0;}
}