/******************************************************************************************************************************** * 주소조회 ********************************************************************************************************************************/ /* 주소팝업초기화 */ body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, table, th, td, form, fieldset, legend, input, textarea, button, select, pre, code { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body { display: block; margin: 8px; } div { display: block; unicode-bidi: isolate; } .jus_search_body { font-size: 12px; font-family: "돋움", Dotum, AppleGothic, sans-serif; } .pop-address-search { position: absolute; z-index: 1; left: 0; top: 0; min-width: 500px; min-height: 400px; } .pop-address-search { width: 100%; border: 0 none; } .pop-address-search-line { line-height: 1.3em; letter-spacing: -1px; } /* 주소팝업상단 */ .pop-address-search .pop-address-search-inner { position: relative; text-align: center; background-color: transparent; background-repeat: no-repeat; background-position: 100% 100%; } .pop-address-search .pop-address-search-inner .search-wrap { display: block; position: relative; background: #eee; border-bottom: 1px solid #e5e5e5; margin: 0 auto; padding: 15px 0; } fieldset { display: block; margin-inline-start: 2px; margin-inline-end: 2px; padding-block-start: 0.35em; padding-inline-start: 0.75em; padding-inline-end: 0.75em; padding-block-end: 0.625em; min-inline-size: min-content; border-width: 2px; border-style: groove; border-color: rgb(192, 192, 192); border-image: initial; border: 0; vertical-align: middle; } .pop-address-search .pop-address-search-inner .wrap { display: block; width: 440px; box-sizing: border-box; margin: 0px auto; position: relative; box-sizing: border-box; border: 2px solid #186bb9; margin: 0 auto; padding: 0 39px 0 0; background-color: #fff; } .pop-address-search .pop-address-search-inner .wrap * { height: 39px; border: 0 none; } .pop-address-search .pop-address-search-inner .wrap input[type="text"] { width: 100%; border: o none; line-height: 40px; font-size: 12px; font-weight: normal; ime-mode: active; } .pop-address-search .pop-address-search-inner .wrap * { height: 39px; border: 0 none; } .pop-address-search .pop-address-search-inner .wrap input[type="button"] { position: absolute; right: 0px; top: 0px; width: 39px; background: url(../../img/btn-search.png) 50% 50% no-repeat; } input[type="text"] { padding: 0 9px; } .pop-address-search .pop-address-search-inner .juso_info { font-size: 11px; display: block; letter-spacing: -1px; text-align: left; width: 440px; margin: 7px auto 0px; color: #186bb9; } .pop-address-search .close { position: absolute; right: 10px; top: 35px; margin-top: -12px; width: 24px; height: 24px; background: url(../../img/btn-close-search.gif) 50% 50% no-repeat; text-indent: -9999px; } /* 주소팝업검색결과 */ .pop-address-search .pop-address-search-inner .result { position: relative; margin: 20px 20px 5px 20px; } .pop-address-search .pop-address-search-inner .result .text-guide { text-align: left; } .pop-address-search .pop-address-search-inner .result .text-guide strong { color: #186bb9; } .text-guide { padding-left: 8px; line-height: 1.57em; background: url(../../img/bul-3x3-circle.gif) 0 0.6em no-repeat; } table.data-col { table-layout: fixed; border-top: 1px solid #000; } [class*="pop-address-search"] table { border-collapse: collapse; border-spacing: 0; box-sizing: border-box; width: 100%; } [class*="pop-address-search"] caption, [class*="pop-address-search"] hr { display: none; } .pop-address-search .pop-address-search-inner .result table.data-col thead tr th, .pop-address-search .pop-address-search-inner .result table.data-col tbody tr td { height: 40px; padding: 1px 0; } table.data-col thead tr th { border-bottom: 1px solid #000; } .pop-address-search .pop-address-search-inner .result table.data-col tbody tr:nth-child(odd) td { background: #f9f9f9; } .pop-address-search .pop-address-search-inner .result table.data-col tbody tr th, .pop-address-search .pop-address-search-inner .result table.data-col tbody tr td { height: auto; padding: 10px 0; } .pop-address-search .pop-address-search-inner .result table.data-col tbody tr td { line-height: 1.57em; } table.data-col tbody tr td.subj { text-align: left; font-size: 11px; color: #444; } table.data-col tbody tr td { border-bottom: 1px solid #ddd; } a:-webkit-any-link { color: -webkit-link; cursor: pointer; text-decoration: initial !important; } .paginate { margin-top: 10px; text-align: center; color: #000; } .paginate .skip { padding: 0; text-align: left; text-indent: -9999px; border: 1px solid #ccc; } .paginate a:visited, .paginate a:link { color: #000; } .paginate > * { display: inline-block; padding: 0px; min-width: 31px; height: 31px; line-height: 31px; box-sizing: border-box; vertical-align: middle; } .paginate .skip.next { margin-left: 18px; background: url(../../img/btn-paginate-next.gif) 50% 50% no-repeat; } .paginate .skip.prev10 { background: url(../../img/btn-paginate-prev10.gif) 50% 50% no-repeat; } .paginate .skip.prev { margin-right: 18px; background: url(../../img/btn-paginate-prev.gif) 50% 50% no-repeat; } .paginate strong { color: #fff; border: 1px solid #186bb9; background: #186bb9; } /* 주소팝업상세주소 */ .pop-address-search .pop-address-search-inner .detail { margin: 20px; } .pop-address-search .pop-address-search-inner .detail p { margin-bottom: 16px; text-align: left; } table.data-row { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } [class*="pop-address-search"] table { border-collapse: collapse; border-spacing: 0; } table.data-row th { padding: 15px 0; background: #f7f7f7; text-align: center; } .pop-address-search .pop-address-search-inner .detail table.data-row tbody tr td { text-align: left; line-height: 1.57em; } table.data-row tr ~ tr th, table.data-row tr ~ tr td { border-top: 1px solid #ddd; } [class*="pop-address-search"] select, [class*="pop-address-search"] input[type="text"], [class*="pop-address-search"] input[type="password"] { display: inline-block; height: 35px; line-height: 33px; padding: 0 9px; border: 1px solid #ccc; vertical-align: middle; } .btns-submit { text-align: center; margin-top: 25px; } .btn-bl { color: #fff !important; background: #186bb9; border: 1px solid #186bb9; width: 108px; height: 43px; display: inline-block; line-height: 43px; } .btns-submit:after { content: ""; display: block; clear: both; }