@import url('/plugin/font/ttf/NanumSquare_acB.ttf');

.inp- { border:1px solid #ddd; line-height:35px; height:35px; box-sizing:border-box; vertical-align:middle; }
button.btn- { border:1px solid var(--site-color); padding:10px 15px; background:var(--site-color); color:#fff; }
button.btn-.white-- { background:#fff; color:#000; border:1px solid #ddd; }


.toptop- { display:table; width:100%; margin-top:5px; }
.toptop- > div { display:table-cell; text-align:left; }
.toptop- > div:last-child { text-align:right; }
.toptop- > div a { font-size:13px; display:inline-block; margin:0 5px; color:#000; }
.toptop- > div a:first-child { margin-left:0px; }
.toptop- > div a:last-child { margin-right:0px; }

.logo- { display:table; width:100%; margin-top:10px; margin-bottom:10px; }
.logo- > div { display:table-cell; text-align:left; width:30%; vertical-align:middle; }
.logo- > div:nth-child(2) { position:relative; text-align:center; width:40%; }
.logo- > div:nth-child(2) input[type=text] { border:2px solid var(--site-color); outline:none; padding:0 10px; font-size:18px; height:38px; line-height:38px; width:400px; border-radius:10px;  }
.logo- > div:last-child { text-align:right; width:30%; }
.logo- i { position: absolute; margin-left:-30px; margin-top: -10px; font-size: 20px; top: 50%; color:var(--site-color); }

.top-menu- { display:grid; grid-template-columns:repeat(8, 1fr); border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:10px; }
.top-menu- > a > div { border-right:1px solid #ddd; border-bottom:1px solid var(--site-color); height:50px; line-height:50px; font-size:16px; font-weight:bold; }
.top-menu- > a > div.on { background-color: var(--site-color); }
.top-menu- > a > div.on { color:#fff; }

.main-photo { display:grid; grid-template-columns:785px auto; grid-column-gap:10px; height:500px; } /*563px*/
.main-photo > div { overflow:hidden; position:relative; }
.main-photo > div:last-child {  }
.main-photo > div:last-child img { width:100%; }
.main-photo .main-notice- { position:relative; border:1px solid #ddd; padding:19px 5px; margin-top:10px; line-height:20px; height:20px; display:grid; grid-template-columns:40px auto; overflow:hidden; z-index:99999; }
.main-photo .main-notice- div { font-size:15px; z-index:99999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main-photo .main-notice- a { font-size:15px; }
.main-photo .main-notice- .cycle-slide-active { position:relative !important; }
.main-photo > div:last-child div.tel-- { border:1px solid #ddd; margin-top:10px; padding:0 35px; padding-left:45px; height:102px; display:grid; grid-template-columns:60px auto; }
.main-photo > div:last-child div.tel-- > div:first-child { text-align:right; font-size:55px; color:var(--site-color); height:80px; line-height:80px; }
.main-photo > div:last-child div.tel-- > div:last-child { font-size:20px; text-align:center; margin-top:21px; line-height:1.5; }
.main-photo > div div.item- { height:500px; }
.main-photo > div div.item- img { width:785px; height:100%; }
.main-photo .subject-- { position:relative; margin-top:-50px; font-weight:bold; }
.main-photo .subject-- > div { position:absolute; color:#fff; font-size:18px; letter-spacing:-1px; z-index:9999; line-height:50px; }
.main-photo .subject-- > div.txt-- { margin-left:10px; }
.main-photo .subject-- button { border:none; padding:3px 10px; margin-left:5px; vertical-align:top; margin-top:13px; border-radius:10px; background:var(--site-color); color:#fff; }
.main-photo .subject-- button::after { content:'>'; }
.main-photo .subject-- .bg-- { position:relative; margin-top:-50px; background:#000; width:100%; height:50px; opacity:0.6; z-index:9998; }
.main-photo .main-photo-allow { position:relative; top:-50%; z-index:9999; margin-top:12px; }
.main-photo .main-photo-allow i { color:#fff; font-size:50px; position:absolute; margin-left:18px; cursor:pointer; }
.main-photo .main-photo-allow i:last-child { right:0px !important; }

.main-map { border:1px solid #ddd; border-top:none; }
.main-map > div.tab- { display:grid; grid-template-columns:repeat(2, 1fr); }
.main-map > div.tab- > div { text-align:center; padding:15px 0; cursor:pointer; font-size:16px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.main-map > div.tab- > div:first-child { border-right:1px solid #ddd; }
.main-map > div.tab- > div.on { border-top:1px solid var(--site-color); color:var(--site-color); font-weight:bold; }
.main-map > div.img- > div { display:none; }
.main-map > div.img- > div.on { display:block; }

table.-search- { border-spacing:0px; border-top:1px solid #ddd; border-left:1px solid #ddd; width:100%; }
table.-search- th { background:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width:90px; line-height:55px; text-align:center; font-size:14px; }
table.-search-.-search-2 th { width:100px; line-height:50px; }
table.-search- td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 5px; }

.main-photo-pager { position:relative; margin-top:-50px; z-index:999; }
.main-photo-pager > .pager-- { position:absolute; margin-top:-23px; right:10px; }
.main-photo-pager > .pager-- > span.pager- > span { font-size:60px; color:#fff; }
.main-photo-pager > .pager-- > span.pager- > span.cycle-pager-active { color:#00a1df; }
.main-photo-pager button { border:none; padding:3px 10px; margin-left:5px; vertical-align:top; margin-top:35px; border-radius:10px; background:var(--site-color); color:#fff; }
.main-photo-pager button::after { content:'>'; }


.box-title- { margin-top:30px; }
.box-title- > span:first-child { font-size:18px; font-weight:bold;  }
.print-realty- .box-title- > span:first-child { font-size:13px; }
.-bg-box- .box-title- { margin-top:20px; }

.realty-box- { display:grid; grid-template-columns:repeat(5, 1fr); margin-top:10px; grid-column-gap:10px; grid-row-gap:10px; }
.realty-box-.w6- { grid-template-columns:repeat(6, 1fr); }
.realty-box- div.item- { text-align:center; background:#fff; }
.realty-box- div.item- div,
.realty-box- div.item- span { font-size:15px; }
.realty-box- .m-- { letter-spacing:-2px !important; }
.realty-box- .m-- span { font-size:12px !important; }
.realty-box- .m-- span .p-- { font-weight:bold; font-size:15px !important; }
.realty-box- div.item- div.con-- { border:1px solid #ddd; border-top:none; padding-top:5px; }
.realty-box- div.item- div.con-- > div { height:25px; line-height:25px; overflow:hidden; }
.realty-box- div.item- div.img-- { height:165px; }
.realty-box- div.item- img { width:100%; height:100%; vertical-align:top; }
.realty-box-.w6- div img { height: }
.realty-box- div.item- .subject-- { font-weight:bold; }
.realty-box- div.item- .txt-- { color:#258b10; font-weight:bold; }
.realty-box- div.item- .m-- > span { margin:0 2px; }
.realty-box- div.item- .m-- span.land-- { display:inline-block; padding:0px 1px; margin-right:3px; color:#fff; }
.realty-box- div.item- .m-- span.land--.land1-- { background:#999; color:#fff; }
.realty-box- div.item- .m-- span.land--.land2-- { background:#999; color:#fff; }
.realty-box- div.item- .price-- { border-top:1px solid #ddd; margin-top:5px; padding:5px 0; color:#bb2b13; font-weight:bold; }
.-bg-box- { background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; padding-top:0px; margin-top:20px; }
.realty-box- div.item-.none-- { height:285px; border:1px solid #ddd; }
.realty-box- div.item-.none--::after { content:'양평이음 부동산'; white-space:pre; line-height:1.5; font-size:20px; color:#999; top:118px; position:relative; }
.realty-box- div.item- .img--.img-not-- { border:1px solid #ddd; }
.realty-box- div.item- .img--.img-not-- img { visibility:hidden; }
.realty-box- div.item- .img--.img-not--::after { content:'NO IMAGE'; top:-90px !important; position:relative; color:#999; }

table.realty-list- { width:100%; border-spacing:0px; margin-top:10px; border-top:1px solid #ddd; }
table.realty-list- tr:nth-child(odd) { background:#f5f5f5; }
table.realty-list- td { padding:10px; border-bottom:1px solid #ddd; text-align:center; cursor:pointer; }
table.realty-list- td > div { line-height:2; letter-spacing: -0.7px; font-family: "돋움", Dotum, "굴림", Gulim; font-size:14px; }
table.realty-list- td span { line-height:2; letter-spacing: -0.7px; font-family: "돋움", Dotum, "굴림", Gulim; font-size:14px; }
table.realty-list- td span.meters_ { font-weight:bold; font-size:15px; }
table.realty-list- .img-- img { width:175px; height:130px; }
table.realty-list- .img-- .img-not-- { position:relative; border:1px solid #ddd; }
table.realty-list- .img-- .img-not--::after { content:'NO IMAGE'; position:absolute; left:60px; top:50px; color:#999; font-size:15px; }
table.realty-list- .img-- .img-not-- img { visibility:hidden; }
table.realty-list- .title-- { font-size:16px; margin-bottom:10px; font-weight:bold; }
table.realty-list- .address-- {  }
table.realty-list- .land-- > span { margin-right:10px; }
table.realty-list- .land-- > span > span.land-- { display:inline-block; padding:0px 3px; color:#fff; line-height:1.2; border-radius:20%; font-size:13px; }
table.realty-list- .land-- > span > span.land1-- { background:#999; }
table.realty-list- .land-- > span > span.land2-- { background:#999; }
table.realty-list- .price-- { font-size:18px; font-weight:bold; font-family:arial; color:#bb2b13; }
table.realty-list- .number-- { font-weight:bold; }
table.realty-list- .contract-- { color:#3366ff; }
table.realty-list- .etc-- { color:#3366ff; }
table.realty-list- tr td:nth-child(2) { text-align:left; padding-left:0px; }
table.realty-list- tr td:last-child { line-height:1.5; }
table.realty-list-.cnt0- td { padding:50px 0; }




.detail-css {  }
.detail-photo { display:block; position:relative; width:1100px; margin:0 auto; }
.print-realty- .detail-photo { width:700px; margin:0 auto; }
.detail-photo > div.cycle-slideshow {  }
.detail-photo > div.cycle-slideshow > img { max-width:100%; max-height:100%; 
    display: block;
    top: 50% !important;
    margin-left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
 }
.detail-photo .photo-allow {  }

.photo-pager { margin-top:10px; right:10px; }
.photo-pager > span { font-size:60px; color:#fff; }
.photo-pager > span.cycle-pager-active { color:#00a1df; }
.photo-pager > a img { border:2px solid #fff; margin:0 3px; }
.photo-pager > a.cycle-pager-active img { border:2px solid yellow; }

.photo-allow { position:relative; }
.photo-allow i { color:#fff; font-size:50px; position:absolute; margin-top:288px; margin-left:18px; cursor:pointer; top:-50%; z-index:9999; }
.print-realty- .photo-allow i { margin-top:178px; }
.photo-allow i:last-child { right:0px !important; }

.detail-css .subject-- { border:2px solid var(--site-color); margin-top:20px; text-align:center; color:var(--site-color); font-size:15px; }
.detail-css .subject--.bg-- { background:var(--site-color); color:#fff; }


.table-detail- { display:grid; grid-template-columns:14% 36% 14% 36%; border-top:2px solid var(--site-color); }
.table-detail-.content- { border-top:none; grid-template-columns:14% 86%; }
.table-detail-.bt1- { border-top:1px solid #999; }
.table-detail- > div { border-bottom:1px solid #ddd; line-height:1.5; padding:10px 5px; font-size:15px; }
.print-realty- .table-detail- > div { font-size:12px; padding:5px; }
.table-detail- > div:nth-child(odd) { background:#f3f3f3; text-align:center; }
.table-detail- > div.w100p {  }
.table-detail- .meters_ { font-size:15px; font-weight:bold; }
.table-detail- .item-no-- { color:red; font-weight:bold; }
.table-detail- .item-contract-- { font-weight:bold; }
.table-detail- .item-contract-- span { font-size:15px; }
.table-detail- .item-price-- { color:#bb2b13; font-weight:bold; }
.table-detail- .item-area-- { font-weight:bold; }



.copyright-menu- { border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; background:#eeeff2; }
.copyright-menu- a { display:inline-block; margin-right:5px; line-height:50px; color:#000; vertical-align: baseline; }
.copyright-menu- a:first-child { margin-left:15px; }
.copyright-menu- a:last-child::after { content:''; }
.copyright-menu- a::after { content:'|'; margin-left:10px; }


.bottom-intro- { display:grid; grid-template-columns:210px auto; margin-top:100px; }
.bottom-intro- > div:first-child { background:var(--site-color); text-align:center; border:1px solid var(--site-color); border-right:none; }
.bottom-intro- > div:first-child i { font-size:100px; color:#fff; }
.bottom-intro- > div:first-child > div { border-bottom:1px solid #ddd; padding:10px 0; color:#fff; font-size:20px; font-weight:bold; }
.bottom-intro- > div:first-child > div:last-child { border-bottom:none; }
.bottom-intro- > div:last-child { padding:10px 30px; border-top:1px solid #ddd; border:1px solid #ddd; border-left:none; background:#ECE3D0; }
.bottom-intro- > div:last-child div.title-- { font-size:30px; font-weight:bold; font-family: 'NanumSquare'; margin-left:-20px; }
.bottom-intro- > div:last-child > div { font-size:17px; margin-top:15px; padding-left:15px; }
.bottom-intro- > div:last-child > div::before { content:'●'; color:var(--site-color); margin-top:-2px; margin-left:-20px; position:absolute; margin-top:-1px; font-size:15px; }
.bottom-intro- > div:last-child > div:first-child::before { content:''; }

.bottom-btn- { margin-top:20px; }
.bottom-btn- button { border:1px solid #ddd; background:#fff; padding:15px 20px; font-size:15px; }
.bottom-btn- button.bg- { border:1px solid var(--site-color); color:#fff; background:var(--site-color); }