@page { margin: 0 }

body {
    margin: 0;
    background-color: #ecf0f5 !important;
}
.sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

/** Paper sizes **/
body.A3               .sheet { width: 297mm; height: 419mm }
body.A3.landscape     .sheet { width: 420mm; height: 296mm }
body.A4               .sheet { width: 210mm; height: 296mm }
body.A4.landscape     .sheet { width: 297mm; height: 209mm }
body.A5               .sheet { width: 148mm; height: 209mm }
body.A5.landscape     .sheet { width: 210mm; height: 147mm }
body.letter           .sheet { width: 216mm; height: 279mm }
body.letter.landscape .sheet { width: 280mm; height: 215mm }
body.legal            .sheet { width: 216mm; height: 356mm }
body.legal.landscape  .sheet { width: 357mm; height: 215mm }

/** Padding area **/
.sheet.padding-10mm { padding: 10mm }
.sheet.padding-15mm { padding: 15mm }
.sheet.padding-20mm { padding: 20mm }
.sheet.padding-25mm { padding: 25mm }

/** For screen preview **/
@media screen {
    body { background: #e0e0e0 }
    .sheet {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 5mm auto;
    }

    body {
        min-height: 75rem;
        padding-top: 4.5rem;
    }
}

/** Fix for Chrome issue #273306 **/
/* poole-exam-sheet-page poole-exam-sheet--B4 poole-exam-sheet-theme--0 poole-exam-sheet-show-subtitle */

@media print {
    body.A3.landscape { width: 420mm }
    body.A3, body.A4.landscape { width: 297mm }
    body.A4, body.A5.landscape, body.poole-exam-sheet--A4 { width: 210mm}
    body.A5                    { width: 148mm }
    body.letter, body.legal    { width: 216mm }
    body.letter.landscape      { width: 280mm }
    body.legal.landscape       { width: 357mm }
    .poole-exam-sheet-page.poole-exam-sheet--B4 { width: 257mm; background-color: red;  }

        /*width: 971px !important;*/
    /*height: 1374px !important;*/


    .table-secondary, .alert, .test {
        -webkit-print-color-adjust: exact;
    }

    .table>tbody>tr>.table-secondary {
        background-color: #e2e3e5 !important;
        -webkit-print-color-adjust: exact;
    }
}

td {
    text-align: center;
}

/*******  first Page  ********/
.first-page-header {
    /*float: left;*/
    width: 100%;
    height: 100px;
    /*background-color: #0c84ff;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-bottom:  1px solid #585858;
    margin-bottom: 2px;
}

.first-page-name {
    float: left;
    width: calc(100% - 90px);
    height: 51px;
    /*padding: 9px 110px 8px 20px;*/
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.first-page-name-input, .first-page-sub-name-input {
    width: 100%;
    height: 100%;
    margin: 0 0;
    padding: 0 0;
    font-size: inherit;
    line-height: 34px;
    transition: box-shadow 0.3s;
    text-align: center;

    border: white;
}
.first-page-sub-name {
    background-color: white;
    font-size : 20px;
    width : 100%;
}

.first-page-content {
    float: left;
    width: calc(100% + 10px);
    height: 1280px;
    margin: 0 -5px;
    padding-top : 20px;


    background-color: #ffffff;
}





/*******  first Page  ********/
.other-page-header {
    /*float: left;*/
    width: 100%;
    height: 63px;
    /*background-color: #0c84ff;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-bottom:  1px solid #585858;
    margin-bottom: 2px;
}

.other-page-name {
    float: left;
    width: calc(100% - 90px);
    height: 51px;
    /*padding: 9px 110px 8px 20px;*/
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.other-page-name-input, .other-page-sub-name-input {
    width: 100%;
    height: 100%;
    margin: 0 0;
    padding: 0 0;
    font-size: inherit;
    line-height: 34px;
    transition: box-shadow 0.3s;
    text-align: center;

    border: white;
}
.other-page-sub-name {
    background-color: white;
    font-size : 20px;
    width : 100%;
}

.other-page-content {
    float: left;
    width: calc(100% + 10px);
    height: 1280px;
    margin: 0 -5px;
    padding-top : 20px;


    background-color: #ffffff;
}
/**************************************************/








/*
.page-footer {
    display: flex;
    float: left;
    width: 100%;
    height: 25px;
    border-top: 1px solid #585858;
}
*/
.page-footer {
    display: flex;
    position: absolute;
    bottom: 20px;
    width: 87%;
    /*background-color: #333; !* 원하는 배경색 설정 *!*/
    /*color: #fff; !* 텍스트 색상 설정 *!*/
    padding: 10px; /* 원하는 여백 설정 */
    text-align: center; /* 가운데 정렬 설정 */
    border-top: 2px solid #999; /* border-top을 추가하여 선을 그립니다 */
}

.page-footer-left-sentence{
    flex-basis: 33%;
    text-align: left;
}
.page-footer-page-count {
    font-size: 1.3em;
    flex-basis: 33%;
    text-align: center;
}
.page-footer-right-sentence {
    flex-basis: 33%;
    text-align: right;
}

.questions-container {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-around;*/
    /*height: 1100px;*/
    /*gap: 20px; !* 원하는 간격으로 조정하세요. *!*/
}

.question {
    /*background-color: #b4d3ff;*/
    margin-bottom: 50px;
}

.question-title {
    margin-bottom: 20px;
    font-weight: bolder;
    text-align: left;
    font-size : 1.5em;
}

.answer {
    /*background-color: #b4d3ff;*/
    margin-bottom: 5px;
}

.answer-title {
    margin-bottom: 5px;
    font-weight: bolder;
    text-align: left;
    font-size : 1.5em;
}


.question-answer {
    text-align: left;
    font-size : 1.2em;
}

.지문 {
    font-size: 1.2em;
    text-align: left;
    margin-bottom: 20px;
    /* 박스안에 글씨를 넣는다 */
    position: relative;
    /* 박스의 크기를 지정한다 */
    width: 100%;
    height: 100%;
    /* 박스의 테두리를 지정한다 */
    border: 1px solid #000000;
    /* 박스의 테두리를 둥글게 만든다 */
    border-radius: 10px;
    /* 박스의 안쪽 여백을 지정한다 */
    padding: 10px;
    /* 박스의 배경색을 지정한다 */
    background-color: #ffffff;
    /* 박스의 투명도를 지정한다 */
    opacity: 0.8;
}