#wrap_pu {background-color: #fff; /* border: 3px solid #000; margin: 20px; */ border-radius: 5px;}
#pu_header {overflow: hidden; display: table; width: 100%; height: 70px; border-bottom: 1px solid #e5e5e5; color: #313131;}
#pu_header > h1 {font-size: 22px; display: table-cell; vertical-align: middle; text-align: left; padding-left: 30px; }
#pu_header > p {display: table-cell; vertical-align: middle; text-align: right; padding-right: 30px; }
.pu_content {}
.zipcode_search {margin: 30px; padding: 20px; text-align: center; border-radius: 5px; background-color: #f9f9f9;}
.zipcode_search .text {border: 1px solid #e5e5e5; width: 80%; /* max-width: 200px; */ height: 38px; padding: 2px 10px; box-sizing: border-box; border-radius: 4px; font-size: 13px; text-align: left; font-weight: 300;}
.zipcode_search .btn_f {display: inline-block; vertical-align: middle; height: 38px; padding: 0px 20px; font-size: 13px; font-size: 1.3rem; line-height: 38px; line-height: 3.8rem; background-color: #585858; color: #fff; border-radius: 4px;}

.result_wrap {margin: 0px 30px 30px; min-height: 200px; /* max-height: 300px; overflow-y: auto; */}
.zipcode_result {width: 100%; border-top: 2px solid #000;}
.zipcode_result thead {display: none;}
.zipcode_result th {font-weight: 400; padding: 15px 0px; background-color: #f9f9f9;}
.zipcode_result td {padding: 7px 5px; border-bottom: 1px solid #dddddd;}
.zipcode_result tr:first-child td {border-top: 1px solid #dddddd;}
.zipcode_result td.td_code {color: #0798c8; text-align: center;}
.zipcode_result td.td_addr {font-size: 14px;}
.zipcode_result td.td_addr > p {margin: 0; font-weight: 300;}
.zipcode_result td.td_addr > p.addr_road {}
.zipcode_result td.td_addr > p.addr_jibun {}
.zipcode_result .nodata {text-align: center; vertical-align: middle; padding: 100px 0px; font-weight: 300;}

#paging {margin-bottom: 30px; text-align: center; font-size: 0;}
#paging > a {display: inline-block; vertical-align: middle; width: 20px; height: 20px; font-size: 13px; font-size: 1.3rem; line-height: 20px; line-height: 2.0rem; text-align: center;}
#paging > a.current {font-weight: 500; border-bottom: 1px solid #000;}
#paging > a.prev {margin-right: 5px;}
#paging > a.next {margin-left: 5px;}

/* placeholder */
.zipcode_search .text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a6b5c0;
}
.zipcode_search .text::-moz-placeholder { /* Firefox 19+ */
    color: #a6b5c0;
}
.zipcode_search .text:-ms-input-placeholder { /* IE 10+ */
    color: #a6b5c0;
}
.zipcode_search .text:-moz-placeholder { /* Firefox 18- */
    color: #a6b5c0;
}