/* resets */
	html{height:100%;width:100%;}
	body{width:100%;/* height: 100%; */margin: 0 auto;padding:0;float: none;}
/* 	html{overflow-x:hidden;overflow-y:scroll;} */

	/* media print setting */
	@page {margin:1cm}
	@page a4sheet{ size:21.0cm 29.7cm}
	@page a3sheet{ size:29.7cm 42.0cm}


	/* element style */
	div.a4{ page:a4sheet; page-break-after:always;}
	div.a3{ page:a3sheet; page-break-after:always;}
	div.container1{text-align:center;width:100%;height:100%;width:100%\9;height:100%\9;border:0px solid black;margin: 0% auto;float: none;clear: both;}
	div.container1 table.tbl{ width:99%; height:99%; margin:0;padding:0;}
	div.container1 table.tbl tr td p{ font-size:10em; line-height:149%; border:0px solid red; text-align:center;}

	div.a4{ page:a4sheet; page-break-after:always;}
	div.container2{ text-align:center; width:100%; height:100%; width:100%\9; height:100%\9;  border:0px solid black; margin: 1% auto;}
	div.container2 h1{height:8%;font-size:3em;margin:0;padding:0;border:1px solid white;margin-top:1%;}
	div.container2 div.summary{height:10%;margin:0;padding:0;border:1px solid white;}
	div.container2 div.summary h2{text-align:left;font-size:1.5em;padding-left:0.1em;margin-top:1em;margin-bottom:0;}
	div.container2 div.summary h3{text-align:left;font-size:1.5em;padding-left:0.1em;padding-top:0em;margin-top:0.5em;}
	div.container2 div.summary h4{text-align:right;font-size:1.5em;margin-top:-3.0em;padding-right:0.1em;}
	div.container2 div.tblwrap{height:70%;margin:0;padding:0;border:1px solid white;}
	div.container2 div.caption{height:7%;margin:0;padding:0;border:1px solid white;}
	div.container2 table.tbl{width:95%;margin:2% auto;height:95%;border-collapse:collapse}
	div.container2 table.tbl tbody tr th{font-size:1em;text-align:center;}
	div.container2 table.tbl tbody tr td{font-size:1em;text-align:center;padding:1em 0 1em 0 ;vertical-align:middle;}
	div.container2 table.tbl tbody tr td.hasNoData{display:none;}
	div.container2 table.people_inf{width:95%;height:100%;border-collapse:collapse;margin:0 auto;}
	div.container2 table.people_inf tr th{font-size:1.5em;border-top:1px solid black;border-bottom:1px solid black;}
	div.container2 table.people_inf tr td{font-size:1.5em;text-align:left;border-top:1px solid black;border-bottom:1px solid black;}

	div.container3{text-align:center;width:100%;height:100%;width:100%\9;height:100%\9;border:0px solid black;margin: 1% auto;clear: both;/* overflow: hidden; */}
	div.container3 h1{height:5%;font-size:2.8em;margin:0;padding:0;border:1px solid white;margin-top: 3%;letter-spacing:-0.1em;font-weight:bold !important;}
	div.container3 h1 span{border-bottom:1px solid black;font-weight:bold !important;}
	div.container3 .blue{color:blue;}
	div.container3 .red{color:red;}
	div.container3 .orange{color:orange;}
	div.container3 div.summary{height:10%;margin:0;padding:0;border:1px solid white;}
	div.container3 div.summary h2{text-align:center;font-size:1.5em;padding-left:0.1em;margin-top:1em;margin-bottom:0;}
	div.container3 div.tblwrap{height:72%;margin:0;padding:0;border:1px solid white;}
	div.container3 div.caption{position:relative; height:11%;margin:0;padding:0;border:1px solid white;}
	div.container3 table.tbl{width:95%;margin:2% auto;border-collapse:collapse;border-bottom:2px solid black;}
	div.container3 table.tbl tbody tr th{font-size:1.5em;text-align:center;background-color:#CEDEEF !important;border-top:2px solid black;border-bottom:1px solid black;padding-right:0.5em;}
	div.container3 table.tbl tbody tr td{font-size:1.7em;text-align:center;vertical-align:middle;line-height:1;margin:0 !important;padding:0;}
	div.container3 table.tbl tbody tr.divide_section td{border-bottom:1px solid black;}
	div.container3 table.tbl tbody tr td.num{text-align:center;  padding-left:0.5em;}
	div.container3 table.tbl tbody tr td.room{text-align:right;padding-right:0.5em;}
	div.container3 div.caption p{text-align:right;padding-right:1em;}
	div.container3 div.caption div.logowrap{text-align:center;}

	div.container4{ text-align:center; width:100%; height:100%;  width:100%\9; height:100%\9;  border:0px solid black; margin: 0% auto;}
	div.container4 h1{height:4%;font-size:3em;margin:0;padding:0;border:1px solid white;margin-top:1%;}
	div.container4 div.summary{height:10%;margin:0;padding:0;border:1px solid white;}
	div.container4 div.summary h2{text-align:left;font-size:1.5em;padding-left:0.1em;margin-top:1em;margin-bottom:0;}
	div.container4 div.summary h3{text-align:left;font-size:1.5em;padding-left:0.1em;padding-top:0em;margin-top:0.5em;}
	div.container4 div.summary h4{text-align:right;font-size:1.5em;margin-top:-3.0em;padding-right:0.1em;}
	div.container4 div.tblwrap{height:80%;margin:0;padding:0;border:0px solid red;}
	div.container4 div.caption{height:1%;margin:0;padding:0;border:1px solid white;}
	div.container4 table.people_inf{width:95%;height:100%;border-collapse:collapse;margin:0 auto;}
	div.container4 table.people_inf tr th{font-size:1.5em;border-top:1px solid black;border-bottom:1px solid black;}
	div.container4 table.people_inf tr td{font-size:1.5em;text-align:left;border-top:1px solid black;border-bottom:1px solid black;}
	div.container4 table.tbl{width:95%;margin:2% auto 0% auto;border-collapse:collapse;border-bottom:0px solid black;}
	div.container4 table.tbl tbody tr th{font-size:1.5em;text-align:center;background-color:#CEDEEF !important;border-top:2px solid black;border-bottom:1px solid black;}
	div.container4 table.tbl tbody tr td{font-size:1.7em;text-align:center;vertical-align:middle;line-height:1;margin:0 !important;padding:0 !important;}
	div.container4 table.tbl tbody tr.divide_section td{border-bottom:1px solid black;}
	div.container4 table.tbl tbody tr .sep{border-top:1px solid black;text-align:left;text-indent:1em;}
	div.container4 table.tp2{margin-top:0px;border-bottom:2px solid black;}
	div.container4 table.tp3{width:90%;}
	div.container4 table.tp3 tbody tr th{background-color:white !important;}
	div.container4 table.tbl3{width:70%;margin:2% auto;border-collapse:collapse}
	div.container4 table.tbl3 tbody tr th{font-size:1em;text-align:center;}
	div.container4 table.tbl3 tbody tr td{font-size:1em;text-align:center;vertical-align:middle;}
	div.container4 table.tbl3 tbody tr td.hasNoData{display:none;}

	div.container5{text-align:center;width:100%;height:100%;width:100%\9;height:100%\9;border:0px solid black;clear: both;/* overflow: hidden; */}
	div.container5 .blue{color:blue;}
	div.container5 .red{color:red;}
	div.container5 .orange{color:orange;}
	div.container5 div.summary{height:98%;width:80%;margin:0;padding:0;border:5px solid #00ACFF;position:relative;float:left;clear: both;}
	div.container5 div.summary h1{font-size:5em;margin:0;padding:0;/* border:1px solid white; */margin-top: 0;letter-spacing:-0.1em;font-weight:bold !important;}
	div.container5 div.summary h1 span{border-bottom:0px solid black;font-weight:bold !important;}
	div.container5 div.summary h2{text-align:center;font-size:3em;padding-left:0.1em;margin-top:1em;margin-bottom:0;}
	div.container5 div.summary h3{text-align:center;font-size:2.5em;padding-left:0.1em;margin-top:1em;margin-bottom:0;}
	/* 190123 (S) */
	div.container5 div.caption{height:98%;width: 133px;float:right;margin:0;padding:0;border:0px solid red;position:relative;}
	/* //190123 (E) */
	div.container5 div.caption p{text-align:right;padding-right:1em;}
	div.container5 div.caption div.logowrap{text-align:center;}
	div.container5 div.caption div.logowrap img{width: 420px;}
	div.container5 .fig{width:4%;float: left;position: relative;height: 98%;}
	div.container5 .fig .target{display:block;border:0px solid red;width:400px;color:orange;}
	div.container5 .text, div.container5 .logowrap, div.container5 .target{-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container5 .text{position:absolute;top: 330px;left:-164px;width:39.7cm !important;height:21.0cm !important;z-index:99;border:0px solid red;top:300px\9;left:-300px\9;float:left;clear: both;}
	div.container5 .logowrap{position: absolute !important;top: 696px !important;left: -3.7cm !important;top:680px\9 !important;left: -3.7cm\9 !important;}
	div.container5 .target{position: absolute !important;top: 176px !important;left: -5.0cm !important;top:180px\9 !important;left: -5.0cm\9 !important;}

	div.container6{ text-align:center; width:100%; height:100%;  width:100%\9; height:100%\9;  border:0px solid black;}
	div.container6 .blue{color:blue;}
	div.container6 .red{color:red;}
	div.container6 .orange{color:orange;}
	div.container6 div.summary{height:98%;width:70%; margin:0;padding:0;border:5px solid #00ACFF;position:relative;float:left;}
	div.container6 div.summary h1{font-size:10em;margin:0;padding:0;border:1px solid white;margin-top:2%;letter-spacing:-0.1em;font-weight:bold !important;}
	div.container6 div.summary h1 span{border-bottom:0px solid black;font-weight:bold !important;}
	div.container6 div.summary h2{text-align:center;font-size:8em;padding-left:0.1em;margin-top:0.5em;margin-bottom:0;}
	div.container6 div.summary h3{text-align:center;font-size:8em;padding-left:0.1em;margin-top:-0.2em;margin-bottom:0;}
	div.container6 div.borderer1{width:50%;height:100%;border-right:5px solid #00ACFF;}
	div.container6 div.caption{height:98%;width:23%;float:left;margin:0;padding:0;border:5px solid #00ACFF;border-left:0px;position:relative;}
	div.container6 div.caption p{text-align:right;padding-right:1em;}
	div.container6 div.caption div.logowrap{text-align:center;}
	div.container6 div.caption div.logowrap img{width:630px}
	div.container6 .fig{width:4%;float:left;position:relative;}
	div.container6 .fig .target{display:block;border:0px solid red;width:400px;color:orange;}
	div.container6 .text, div.container6 .logowrap, div.container6 .target{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container6 .text{position:absolute; top:180px; left:-164px; width:39.7cm !important; height:21.0cm !important;z-index:99; border:0px solid red;top:300px\9;left:-300px\9;float:left;}
	div.container6 .logowrap{position: absolute !important; top: 536px !important; left: -5.7cm !important;top:680px\9 !important;left: -5.7cm\9 !important;}
	div.container6 .target{position: absolute !important; top: 136px !important; left: -5.7cm !important;top:180px\9 !important;left: -5.0cm\9 !important;}

	div.container7{text-align:center;width:100%;height:100%;width:100%\9;height:100%\9;border:0px solid black;overflow: hidden;float: none;clear: both;}
	div.container7 .blue{color:blue;}
	div.container7 .red{color:red;}
	div.container7 .orange{color:orange;}
	div.container7 div.summary{height: 100%;width: 83%;margin:0;padding:0;border:0px solid #00ACFF;position:relative;float:left;clear: both;/* overflow: hidden; */}
	div.container7 div.summary h1{font-size: 6.0em;margin:0;padding:0;border:1px solid white;/* margin-top:1%; */letter-spacing:-0.1em;font-weight:bold !important;}
	div.container7 div.summary h1 span{font-weight:bold !important;}
	div.container7 div.summary h1 span.testroom{border:0px solid black;padding-left:0.5em;padding-right: 0.5em;padding-bottom:0.2em;margin-left: -0.9em;}
	div.container7 div.summary h2{text-align:center;font-size:4em;padding-left:0.1em;margin-top: 0.3em;margin-bottom: 0.2em;margin-left: -1.8em;}
	div.container7 div.borderer1{width:50%;height:100%;border-right:2px solid black;}
	div.container7 table.tbl{color:black;font-size:4em;border-top:2px solid black;border-bottom:2px solid black;width: 91%;border-left:1px solid white !important;border-right:1px solid white !important;}
	div.container7 table.tbl tr td{text-align:right;border-left:1px solid white !important;border-right:1px solid white !important;}
	div.container7 table.tbl tr th{border-left:0px solid white !important;border-right:0px solid white !important;}
	div.container7 div.caption{height:98%;width: 133px;float:left;margin:0;padding:0;position:relative;}
	div.container7 div.caption p{text-align:right;padding-right:1em;}
	div.container7 div.caption div.logowrap{text-align:center;}
	div.container7 div.caption div.logowrap img{width: 420px;}
	div.container7 .fig{/* width: 0%; */float:left;position:relative;height: 98%;}
	div.container7 .fig .target{display:block;border:0px solid red;width:400px;color:orange;}
	div.container7 .text, div.container7 .logowrap, div.container7 .target{-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container7 .text{position:absolute;top: 244px;left: -193px;width: 34.7cm !important;height: 21cm !important;z-index:99;border:0px solid red;top:300px\9;left:-300px\9;/* float:left; */overflow: hidden;}
	div.container7 .logowrap{position: absolute !important;top: 676px !important;left: -3.7cm !important;top:680px\9 !important;left: -3.7cm\9 !important;}
	div.container7 .target{position: absolute !important;top: 176px !important;left: -5.0cm !important;top:180px\9 !important;left: -5.0cm\9 !important;}
	div.container7 table.tbl tr th{padding-left: 2em !important;}
	div.container7 table.tbl tr td{padding-right: 2.2em !important;letter-spacing: -0.05em;}
	div.container7 table.tbl tr td.tac{padding: 0 0 10px 0 !important;}
	div.container7 span.space{color:white;text-indent:-10000000em !important;width:0.55em !important; display:inline-block }

	div.container7 .schoolmark{position:absolute;top: 1170px;right: -210px;min-width:400px;text-align:left;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container6 .schoolmark{position:absolute; top:1220px; right:-170px; min-width:400px; text-align:left; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container5 .schoolmark{position:absolute;top: 1170px;right: -163px;min-width:400px;text-align:left;-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	div.container3 .caption .schoolmark{position:absolute; bottom:85px; left:0px;}

	/* 190129 (S) */
	/* 수험표출력 팝업 */
	.print-wrap {position: fixed; top: 10%; left: 35%; width: 35%; border: 1px solid #ccc; background-color: #fff;}
	.print-head {background-color: #333;}
	.print-head h2 {display: inline-block; padding: 16px 0 16px 10px; font-size: 18px; color: #fff; letter-spacing: 0;}
	.print-head .b-close {float: right; padding: 15px 16px 0 0;}
	.print-tb {height: 615px; padding: 20px; overflow-y: scroll;}
	.print-tb table {border: 1px solid #ccc; font-size: 13px;}
	.print-tb table th {background-color: #f4f9fc;}
	.print-tb table th,.print-tb table td {padding: 12px 0; border: 1px solid #ccc; text-align: center;}
	.print-tb table .photo {height: auto; padding: 0;}
	.print-tb table .photo img {width: 100%; vertical-align: middle;}
	.print-tb table .in {padding: 0 10px; text-align: left;}
	.print-tb table .in li {line-height: 23px; font-size: 13px;}
	.print-tb table .strong {color: tomato;}
	.btn-print {text-align: center;}
	.btn-print a {display: inline-block; height: 20px; margin: 20px 0; padding: 10px 30px; border-right: 20px; background-color: tomato; font-size: 16px; color: #fff; line-height: 20px;}

	@media all and (max-width: 1400px){
	.print-wrap {width: 40%; top: 10%;}
	.print-tb table th, .print-tb table td {padding: 9px 0;}
	}

	@media all and (max-width: 1024px){
	.print-wrap {width: 60%; left: 25%;} 
	}

	@media all and (max-width: 768px){
	.print-wrap {width: 80%; top: 8%; left: 8%;} 
	}

	@media all and (max-width: 568px){
	.print-tb table th {line-height: 16px;}
	.print-tb table th, .print-tb table td {padding: 6px 0;}
	}

	@media all and (max-width: 414px){
	.print-wrap {width: 90%; left: 4%;}
	.print-tb {height: 500px; padding: 10px;}
	.print-tb table th, .print-tb table td {padding: 3px 0;}
	}

	@media all and (max-width: 320px){
	.print-tb table th, .print-tb table td {padding: 0;}
	}
	/* //190129 (E) */
	

	/* media print style */
	/* @media print {
		#printBtn {display: none;}
		div.container1{border:0px solid red !important; height: 98% !important;}

		div.container2{border:0px solid white !important; height:100% !important; width:98% !important; float:left ;margin:0 !important;}
		div.container2 .tbl tbody tr th{font-size:0.7em !important}
		div.container2 .tbl tbody tr td{font-size:0.7em !important}

		div.container3{border:0px solid white !important; height:100% !important; width:98% !important; float:left ;margin:0 !important;}
		div.container3 table.tbl{width:100% !important;}
		div.container3 table.tbl tbody tr th{font-size:1.5em !important}
		div.container3 table.tbl tbody tr td{font-size:2.0em !important;height:1.25em !important;}

		div.container4{border:0px solid white !important; height:100% !important; width:98% !important; float:left; margin:0 !important;}
		div.container4 table.tbl tbody tr th{font-size:1.5em !important}
		div.container4 table.tbl tbody tr td{font-size:1.2em !important;height:1.7em !important;}
		div.container4 table.tp3 th, div.container4 table.tp3 td{font-size:1.05em !important;height:1.0em !important;}
		div.container4 table.fs30 tr th, div.container4 table.fs30 tr td{font-size:1.4em !important;}
		div.container4 table.fs35 tr th, div.container4 table.fs35 tr td{font-size:1.2em !important;}

		container3 interited multyclasses
		div.container3 table.fs30 tbody tr td{font-size:1.5em !important;}
		div.container3 table.fs30 tbody tr td.num{text-align:center}
		div.container3 table.fs40 tbody tr td{font-size:1.20em !important;}
		div.container3 table.fs40 tbody tr td.num{text-align:center}
		div.container3 table.fs50 tbody tr td{font-size:0.95em !important;}
		div.container3 table.fs50 tbody tr td.num{text-align:center}
		div.container4{width:70%; height:70%}
		
		
		
	} */
	/* container2 inherited multyclasses */
	.fs5{font-size:1.4em !important;}
	.fs4{font-size:1.6em !important;}
	.fs3{font-size:1.8em !important;}
	.fs2{font-size:2em !important;}
	.fs1{font-size:2.2em !important;}
	.tac{text-align:center !important}

	/* container1 interited multyclasses */
	.fs9{font-size:5.8em !important;}
	.fs11{font-size:5.3em !important;}
	.fs12{font-size:4.3em !important;}

	/* container3 interited multyclasses */
		div.container3 table.fs30 tbody tr td{font-size:1.5em !important;}
		div.container3 table.fs30 tbody tr td.num{text-align:center}
		div.container3 table.fs30 tbody tr td.room{padding-right:1.0em;}

		div.container3 table.fs40 tbody tr td{font-size:1.20em !important;}
		div.container3 table.fs40 tbody tr td.num{text-align:center}
		div.container3 table.fs40 tbody tr td.room{padding-right:1.5em;}
		div.container3 table.fs50 tbody tr td{font-size:0.95em !important;}
		div.container3 table.fs50 tbody tr td.num{text-align:center}
		div.container3 table.fs50 tbody tr td.room{padding-right:2em;}

	/* container7 interited multyclassess*/
  	.fsl5{font-size:3.5em !important};
  	.fsl6{font-size:3em !important};
  	.fsl7{font-size:2.5em !important};
  	.fsl8{font-size:2em !important};