@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);



@media screen {
		

	* {box-sizing: border-box;	-moz-box-sizing: border-box;}

        .modal-overlay {
            width: 100%;
            height: 100%;
            /*position: absolute;*/
			position: fixed;
            left: 0;
			top: 0;

			bottom: 0; /* 추가 */
			right: 0;  /* 추가 */

            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: rgba(0, 0, 0, 0.25);
            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
            backdrop-filter: blur(1.5px);
            -webkit-backdrop-filter: blur(1.5px);
            /*
			border-radius: 10px;
            border: 1px solid rgba(255, 255, 255, 0.18);
			*/
			z-index: 9999;
			overflow-y: initial !important

        }
        .modal-window {
            background: rgba( 255, 255, 255, 1 );
            box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
            backdrop-filter: blur( 13.5px );
            -webkit-backdrop-filter: blur( 13.5px );
            border-radius: 10px;
            border: 1px solid rgba( 255, 255, 255, 0.18 );
            width: 800px;
            height: 60%;
			padding: 0px;
            /*
			position: relative;
            top: -100px;
			*/

			/* 가운데 정렬해주자 */
			position: absolute;
			top: calc(50vh - 20vh);
			left: calc(50vw - 400px);
			background-color: white;
			/*display: flex; */
			justify-content: center;
			align-items: center;
			z-index: 9999 !important;
			overflow-y: auto;
			overflow-x: hidden;
        }
        .title {width:100%; padding:60px 0 30px 0; margin:0; text-align:center; padding-left: 10px; display: inline; /*text-shadow: 1px 1px 2px gray;*/color: #000; display:block; position:relative;}
        .title h2 {display: inline; font-size:30px; font-weight:bold;}
        .close-area {display: inline; position:absolute; top:20px; right:20px; border:1px solid #ddd; border-radius:4px; padding:6px; line-height:1; font-size:14px; cursor: pointer; /*text-shadow: 1px 1px 2px gray; */ color: #000; }
        /*{position:absolute; right:40px; top:20px; border:1px solid #ddd; border-radius:4px; padding:6px; line-height:1; font-size:14px; cursor:pointer;}*/

        .modalcontent {width:100%; vertical-align:top; margin:0 0; padding: 0px 0; /*text-shadow: 1px 1px 2px gray;*/ color: #000; display:block; position:relative;}
		.modalcontent .tit-b1 {width:100%; display:block; position:relative; text-align:left; line-height:1.1; font-size:16px; color:#000; margin:0 0 20px 0; padding:0;}
		.modalcontent .tit-b2 {width:100%; display:block; position:relative; text-align:left; line-height:1.1; font-size:16px; color:#000; margin:0 0 10px 0; padding:0;}
		.modalcontent .receipt-table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #666; empty-cells:show;}
		.modalcontent .receipt-table th,
		.modalcontent .receipt-table td {border:1px solid #ccc; padding:10px; text-align:center; border-collapse:collapse; font-size:16px;}
		.modalcontent .receipt-table td:nth-child(1) {background:#f4f4f4;}
		.modalcontent .receipt-table td:nth-child(3) {text-align:right;}
		.modalcontent .receipt-table th {background:#eefcfc;}
		.modalcontent .basic-text   {clear:both; font-size:16px; text-align:center; padding:40px;}
		.modalcontent .yearline     {clear:both; font-size:15px; text-align:center; padding:40px;}
		.modalcontent .btm-stamarea {height:25mm; text-align:center; padding:1.5em 0.4em; font-size:19pt; letter-spacing:0.7em; font-family: "GyeonggiBatang", sans-serif; position:relative;}
		.modalcontent .btm-stamarea .stamp {width:18mm; height:18mm; display:block; border:0; position:absolute; top:4mm; right:120px; margin:0; padding:0; z-index:10;}
		.modalcontent .btm-stamarea .stamp img {width:100%;}

} /* @media screen : END */ 

	
	@page { size: A4;	margin: 0; 	/*size: landscape;*/ }
	@media print {
		html, body {width: 210mm; height: 297mm; }		
		body * {visibility: hidden;}
		
		.modal-overlay {
			background: rgba(255, 255, 255, 1);
            box-shadow: none;
			position: relative;
			left: 0;
			top: 0;
			margin: 0;
			padding: 0;
			min-height: 550px;
			visibility: visible;
			overflow: visible !important; 
			
			width: 210mm;
			min-height: 297mm;
			padding: 20mm;
			margin: 10mm auto;
			border-radius: 5px;
			background: white;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
		}

 
		.modal-dialog {
			display: block !important;
			
			width: 210mm;
			height: 297mm;

			border:1px solid #00ff00; 
			vertical-align:top;
			visibility: visible !important;
			overflow: visible !important; 

			margin: 0;
			border: initial;
			border-radius: initial;
			
			min-height: initial;
			box-shadow: none;
			background: initial;
			page-break-after: always;
		}

		.modal-window {	
			/*
			background: rgba( 255, 255, 255, 1 );
            box-shadow: none;
            border-radius: 0;
            
            width: 100%;
            height: 257mm;
			padding: 0;
            			
			
			top: 0 !important;
			left: 0 !important;
			background-color: white;
			
			visibility: visible;
			overflow: visible;
			background:#fff;
			box-shadow: none;
			overflow-y: visible !important;
			*/
			background: rgba( 255, 255, 255, 1 );
            box-shadow: none;
            border-radius: 0;
            border: 0px solid #00ff00;
            width: ;
            height: 257mm;
			padding: 0;
            
			/* 가운데 정렬해주자 */
			position: relative;
			display: block;
			top: calc(50vh - 50vh);
			left: calc(50vw - 50vw);
			background-color: white;
			
			visibility: visible;
			overflow: visible;
			background:#fff;
			box-shadow: none;
			overflow-y: visible !important;
			
		}
		

		
		#printSection,
		#printSection * {
			visibility: visible; 			
		}
		#printSection {
			position: relative;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			
			display: block !important;
		}
		
		










		.title {width:100%; padding:60px 0 30px 0; margin:0; text-align:center; padding-left: 10px; display: inline; /*text-shadow: 1px 1px 2px gray;*/color: #000; display:block; position:relative;}
        .title h2 {display: inline; font-size:30px; font-weight:bold;}
        .close-area { display: inline; position:absolute; top:20px; right:20px; border:1px solid #ddd; border-radius:4px; padding:6px; line-height:1; font-size:14px; cursor: pointer; /*text-shadow: 1px 1px 2px gray; */ color: #000; }
        #btnPrint          {position:absolute; right:40px; top:20px; border:1px solid #ddd; border-radius:4px; padding:6px; line-height:1; font-size:14px; cursor:pointer;}

        .modalcontent {width:100%; vertical-align:top; margin:0 0; padding: 0px 0; /*text-shadow: 1px 1px 2px gray;*/ color: #000; display:block; position:relative;}
		.modalcontent .tit-b1 {width:100%; display:block; position:relative; text-align:left; line-height:1.1; font-size:16px; color:#000; margin:0 0 20px 0; padding:0;}
		.modalcontent .tit-b2 {width:100%; display:block; position:relative; text-align:left; line-height:1.1; font-size:16px; color:#000; margin:0 0 10px 0; padding:0;}
		.modalcontent table.receipt-table {width:100%; table-layout:fixed; border-collapse:collapse; border-top:2px solid #666 !important; empty-cells:show;}
		.modalcontent table.receipt-table th,
		.modalcontent table.receipt-table td {border:1px solid #ccc !important; padding:10px; text-align:center; border-collapse:collapse; font-size:16px;}
		.modalcontent table.receipt-table td:nth-child(1) {background:#f4f4f4;}
		.modalcontent table.receipt-table td:nth-child(3) {text-align:right;}
		.modalcontent table.receipt-table th {background:#eefcfc;}
		.modalcontent .basic-text   {clear:both; font-size:16px; text-align:center; padding:40px;}
		.modalcontent .yearline     {clear:both; font-size:15px; text-align:center; padding:40px;}
		.modalcontent .btm-stamarea {height:25mm; text-align:center; padding:1.5em 0.4em; font-size:19pt; letter-spacing:0.7em; font-family: "GyeonggiBatang", sans-serif; position:relative;}
		.modalcontent .btm-stamarea .stamp {width:18mm; height:18mm; display:block; border:0; position:absolute; top:4mm; right:120px; margin:0; padding:0; z-index:10;}
		.modalcontent .btm-stamarea .stamp img {width:100%;}

		

		.close-area {display: none !important;}
		#btnPrint {display: none;}

	}