@import "font/stylesheet.css";
html, body {
  /*overflow:hidden;*/
  margin: 0;
  padding:0;
  font-family: NanumGothic;
  background-color: #fff;
}

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

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

@media print {
  @page
  {
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
  }
  html, body {
    width: 210mm;
    min-height: 296mm;
    /*height: 296mm;*/
    /*max-height: 296mm;*/
    margin: 0;
    padding:0;
    left:0;
    top:0;
    overflow: auto;
    background: #fff;
    font-family: NanumGothic;
    page-break-after: avoid;
  }
  .target {
    -webkit-print-color-adjust: exact !important;
  }
}

.a4 {
  width: 210mm;
  min-height: 296mm;
  max-height: 296mm;
  padding: 10mm; /* set contents area */
  margin: 0mm;
  /*border-radius: 5px;*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
  overflow:hidden;
  background: #fff;
  /*page-break-after: always;*/
  border: 1px solid #e0e0e0
}

.a4 .print-title {width:100%; height:18px; padding-left:300px;margin-bottom:30px;}
.a4 .print-title .title-name {width:200px;float:left;}
.a4 .print-title .title-date {width:100px;float:left;}
.a4 .print-contents {height: 999px;overflow: hidden;}


.a4 .title-wrap {width:100%; height:38px; margin-bottom:10px;}
.a4 .title-wrap .title-img {float: left;}
.a4 .title-wrap .title-img img {width:44px;}
.a4 .title-wrap .title-title {float: left; padding-top: 10px;}

.a4 .print-copyright {position: absolute; text-align: center; top: 1095px; color: #9e9797}

  /** loading */
.bi-arrow-clockwise {
  position:fixed;
  font-size:8em;
  left:44%;
  top:44%;
  transform:translate(-50%, -50%);
  transition:all .2s;
  -webkit-animation-name: spin;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spin {
  from   {  -webkit-transform: rotate(0deg); }
  to   {  -webkit-transform: rotate(360deg); }
}


@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url(font/Cormorant_Infant/CormorantInfant-Regular.ttf) format('truetype');
}

.fc-number {color:#9e9797}
.fc-answer {color:#9e9797}
.print-date {font-size:7pt;text-align: right; color: #9a9a9a}
.answer-wrap {font-size: 7pt; color:#9e9797; transform: rotate(180deg);}
.answer-wrap .print-date {text-align: left;}
.answer-wrap .answer {margin-top: 10px;}
.rotate180 {transform: rotate(180deg);}

#result-wrap {height: 106px;}
#result-wrap .result-qrcode {width:120px; float:left;}
#result-wrap .result-desc {font-size:8pt; padding-top: 13px; line-height: 15px;}

.answer-color {color:#131376}