/* 심플 리셋 CSS */
html, body, div, span, fieldset, form, label,
table, tbody, thead, tr, th, td, ul {margin: 0;padding: 0;border: 0;vertical-align: baseline;}
ol, ul {list-style: none;}
a {text-decoration: none;color: inherit;}
table {border-collapse: collapse;border-spacing: 0;}
button, input, select, textarea {margin: 0;padding: 0;border: none;background: none;font-family: inherit;color: inherit;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;box-sizing: border-box;}
button {cursor: pointer;background-color: transparent;}
.blind {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

*:focus-visible {border: none; outline: 2px solid #000; border-radius: 1px;}

/* 내부 스타일 */

#findsWrap {width: 100%; font-size: 12px;}
#findsWrap img {max-width: 100%; height: auto; display: block;}

#condArea {padding: 20px 24px; background: #f6f6f6;}
#condArea .condSet + .condSet {margin-top: 12px;}
#condArea .condSet {display: flex;}
#condArea .condSet > span {display: flex; align-items: center; flex-basis: calc((100% - 40px)/ 3);}
#condArea .condSet > span.addr {flex-basis: 100%;}
#condArea .condSet > span input {flex: 1 1 120px;}
#condArea .condSet > span label {width: 52px; margin-right: 10px; flex-shrink: 0;}
#condArea .condSet > span + span {margin-left: 20px; flex: 1;}
#condArea .condSet .btn-search {margin-left: auto; height: 24px;}
#condArea .condSet .btn-search img {width: 100%; vertical-align: top;}

#condArea input {border: 1px solid #d6d6d6; background: #fff; padding: 0 4px 0 8px; height: 24px; width: 100%;}

#resultArea {margin-top: 30px; overflow-x: scroll; overflow-y: hidden; width: 100%; min-height: 200px;}
#resultArea table {width: 100%; min-width: 850px; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #ccced5;}
#resultArea table tr th,
#resultArea table tr td {padding: 9px 5px 7px; text-align: center; line-height: 17px;}
#resultArea table tr th {font-weight: 700;}
#resultArea table thead {border-bottom: 1px solid #9f9f9f; background: #f6f6f6;}
#resultArea table tbody tr + tr {border-top: 1px solid #ccced5;}
#resultArea table tbody tr td {height: 34px; box-sizing: border-box;}
#resultArea table tbody tr.noData td {height: 100%; vertical-align: middle;}

#pagination {margin-top: 20px; display: flex; justify-content: center; align-items: center;}
#pagination > a {height: 13px;}
#pagination > a img {width: 100%; vertical-align: top;}
#pagination > a + a {margin-left: 4px;}
#pagination .btn-first, #pagination .btn-last {width: 17px;}
#pagination ul {display: flex; justify-content: center; align-items: center; margin: 0 10px;}
#pagination ul li {margin: 0 8px;}
#pagination ul li.on a {color: #de3513; font-weight: 700;}
#pagination ul li + li {margin-left: 10px;}

#btnWrap {margin-top: 20px; display: flex; justify-content: flex-end; align-items: center;}
#btnWrap a {height: 22px;}
#btnWrap a img {width: 100%; vertical-align: top;}
#btnWrap a + a {margin-left: 7px;}

/* Print Only */
@media print {
    @page {
        size:210mm 297mm;/* A4 규격 */
        margin: 20px;
    }
    * {print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    body {margin: 0; padding: 0; height: auto; box-sizing: border-box;}
    body.bgBody {background: none !important;}
    body > * {display: none !important;}
    #printArea {display: block !important; margin: 0; width: 100%; min-height: 200px; box-sizing: border-box;}
    #printArea table {width: 100%; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #ccced5;}
    #printArea table tr th,
    #printArea table tr td {padding: 9px 5px 7px; text-align: center; line-height: 17px;}
    #printArea table tr th {font-weight: 700;}
    #printArea table thead {border-bottom: 1px solid #9f9f9f; background: #f6f6f6;}
    #printArea table tbody tr + tr {border-top: 1px solid #ccced5;}
    #printArea table tbody tr td {height: 34px; box-sizing: border-box;}
    #printArea table tbody tr.noData td {height: 100%; vertical-align: middle;}
}