@import url("../data_files/css/default.css");

body { padding:0; margin:0px; background:#fff; }

body h4.title { border-bottom:1px solid #ddd; line-height:60px; margin:10px 0 20px 0; font-size:16px; padding:0 0 0 5%; }

/* { 검색 */
div.zipcode div.box { margin:auto; width:429px; text-align:center;}
div.zipcode fieldset { border:0; background: #F3F3F3; margin-top:5px; }
div.zipcode div.search { padding: 5px }
div.zipcode div.search div.input {  }
.btn01 { background:#464960; border:0 none; height:28px; margin:0 0 0 0; color:#fff; padding:0 5px;}
.btn02 {  border:1px solid #ddd; height:26px; margin:0 10px 20px 31%; float:left; }
form { border-top:2px solid #13b3f1; border-bottom:1px solid #ddd;  width:90%; margin:0 auto; padding:25px 0 0px 0; }
form:after { content:""; display:block; clear:both; }
#zipTable { border-top:2px solid #0395ce; margin:30px 0 0 0; padding:25px 0 0 0; width:100%;  }
#zipTable td { line-height:30px; border-bottom:1px dashed #ddd; margin-bottom:10px; }
div.zipcode div.search div.input span.submit { float:left; }
div.zipcode div.search div.input span.input { padding:0 2px 0 30px; float:left; }
div.zipcode div.title { }
div.zipcode div.close { background: #CAC8BC; text-align:right; padding:2px; }
.paginate { margin:0px auto 0; width:140px; text-align:center; font-size:15px;  }
.paginate a { display: inline-block;
    width: 25px;
    line-height: 25px;
    border: 1px #d0d0d0 solid;
    margin: 0 0 0 -1px;
    height:25px;
    background: #fff;
    vertical-align: top;}
.paginate a i { line-height:25px; }	
.paginate a.m_size { color:#fff !important; background:#0281ce; border:1px solid #04639d; }

td.txt1 { font-size:12px; }


/* } 검색 */
/* { 검색결과 */
div.zipcode .result { margin:5px auto; width:420px; border:0px solid #CCCCCC; height:220px; overflow-y:scroll; }
div.zipcode .result table.list { width:400px; border-collapse:collapse; border-collapse:collapse;  }
div.zipcode .result table.list thead { background: #F3F3F3; }
div.zipcode .result table.list th, div.zipcode .result table.list td {padding:3px; border:1px solid #D1D3BD; text-align:center; }
div.zipcode .result table.list td.juso { text-align:left; }
/* } 검색결과 */

#pageCount{ padding:7px 0; text-align:center;}
#pageCount a{ border:1px solid #d0d0d0; padding:3px; margin-right:5px;}

/*검색2*/
#new_zipcode {margin:0 auto; width:500px; height:600px; position:relative;  border-top:2px #51953a solid; font-family:"Nanum Gothic"; background:url(img/map_bg.gif) repeat;}
#new_zipcode h3{display:block; height:59px; padding:0 0 0 64px; color:#ffffff; font-size:25px; line-height:59px;  background:#696969 url(img/map_dot.gif) 19px 12px no-repeat;  }

#new_zipcode p.sel{display:block; padding:10px 0 10px 5px; background:#eaeaea url(img/sel_bg.gif) left bottom no-repeat;  }
#new_zipcode p.sel select {border:1px #abadb3 solid; height:20px; vertical-align:middle; }
#new_zipcode p.sel input {border:1px #abadb3 solid; height:18px; vertical-align:middle; }
#new_zipcode p.sel a.btn {display:inline-block; border:1px #626262 solid; text-align:center; line-height:18px; color:#ffffff; font-weight:bold;  width:38px; height:18px;background:#848484;  vertical-align:middle;}

#new_zipcode div.help{display:block; clear:both; line-height:18px; height:70px; padding:10px 0 0 15px; border-bottom:1px #b3b8bc solid; background:#ffffff; }
#new_zipcode div.help p strong {font-size:14px; color:#d34646; }
#new_zipcode div.help p span.line {text-decoration:underline;}
#new_zipcode div.help p span.red {color:#d34646;}


#new_zipcode div.table_box {float:left; clear:both;  width:100%; height:320px; overflow:hidden; overflow-y:auto; margin:16px 0 0 0; background:#ffffff; border-top:1px #b3b8bc solid; border-bottom:1px #b3b8bc solid; }
#new_zipcode div.table_box table th {background:#f3f3f3; padding:5px 0 5px 0; text-align:center;  border-bottom:1px #b3b8bc solid;  }
#new_zipcode div.table_box table td {padding:5px 5px 5px 5px; border-bottom:1px #e9e9e9 solid; table-layout:fixed;  }

#new_zipcode div.table_box table td.zipCode {text-align:center;}

#new_zipcode p.notfind {display:block; clear:both; width:100%; text-align:center; height:52px; margin:15px 0 0 0; background:#696969; padding:15px 0 0 0; font-size:12px; color:#ffffff;}
#new_zipcode p.notfind a{color:#ffae13; font-weight:bold;  font-size:13px;}


#new_zipcode p.close a{position:absolute; top:10px; right:5px; width:40px; height:40px; background:url(img/close_btn.png) left top no-repeat;}

/*로딩*/
#new_zipcode div.ajaxLoading {position:absolute; top:45%; left:45%;}
@media only screen and (max-device-width:1024px) {
body h4.title { border-bottom:1px solid #ddd; line-height:120px; margin:10px 0 30px 0; font-size:35px; padding:0 0 0 5%; }

td.txt1 { font-size:35px; }
td.txt2 { display:none; }
.btn01 {  height:82px; margin:0 0 0 0; color:#fff; padding:0; font-size:250%; width:28%;}
form {width:95%; margin:0 auto; padding:30px 0 0px 0; }

input.btn02 {  margin:0 20px 30px 2%; float:left; width:65%; font-size:45px; height:80px; }
#zipTable tr td.zipCode a { font-size:35px; }
#zipTable td { line-height:90px; }
.paginate { margin:30px auto; width:65%; text-align:center; font-size:53px;  }
.paginate a.m_size { font-size:53px; }

}