/* 공통 CSS */ .board_realestate { position:relative; overflow:hidden; font-size:13px; color:#555; } .board_realestate a { font-size:13px; color:#555; text-decoration:none; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; } .color_scheme_dark .board_realestate a { color: var(--color-gray-700); } .board_realestate a:link, .board_realestate a:hover, .board_realestate a:active, .board_realestate a:visited { text-decoration:none; } .board_realestate p { font-size:13px } .color_scheme_dark .board_realestate p {color: var(--color-gray-700);} .board_realestate ul, .board_realestate ol, .board_realestate li { padding:0px; margin:0px; list-style:none; } .board_realestate input[type=text], .board_realestate input[type=number], .board_realestate input[type=email], .board_realestate input[type=password] { height:30px; border:1px solid #ddd; } .board_realestate select { height:30px; padding:0px 5px; -webkit-border-radius: 5px; outline: none; border:1px solid #999; *background:#fff; color: #555; } .color_scheme_dark .board_realestate select { background-color: var(--color-gray-200); border: 1px solid var(--color-gray-400) !important; color: var(--color-gray-800); } .board_realestate textarea { width:100%; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .btn:hover { background:#09757a; } .board_realestate .btn.active { color:#fff; background:#09757a; } .board_realestate .title_bar { position:relative; padding-left:5px; margin-top:30px; overflow:hidden; border-bottom:2px solid #ddd; font-size:20px; font-weight:bold; } .board_realestate .title_bar .description { font-size:14px; font-weight:normal; } .board_realestate .title_bar .is_required { position:absolute; bottom:0px; right:0px; font-size: 11px; padding: 0 0 2px 0; } .board_realestate .title_bar .is_required em { font-style: normal; color: #f60; } .board_realestate .exForm table { border-bottom:1px solid #ddd; } .color_scheme_dark .exForm table {border-bottom: 1px solid var(--color-gray-500);} .board_realestate .exForm th { width:120px; padding-top:7px; padding-bottom:7px; padding-left:10px; vertical-align:middle; background:#efefef; } .color_scheme_dark .board_realestate .exForm th { background-color: var(--color-gray-400);} .board_realestate .exForm td { position:relative; padding-top:7px; padding-bottom:7px; } .board_realestate .btn_bookmark { font-size:16px; color:#B4B4B4; cursor:pointer; } .board_realestate .btn_bookmark_on { color:#ba0101; } /* 쓰기 CSS */ .board_realestate .board_write { position:relative; overflow:hidden; } .board_realestate .board_write select { margin-right:7px; } .board_realestate .board_write .agent_title_bar { margin-top:0px; } .board_realestate .board_write .text { width:250px; } .board_realestate .board_write .input_title { width:100%; height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_write .input_region { width:88px; } .board_realestate .board_write .input_number { text-align:right; } .board_realestate .board_write .input_floors { width:42px; } .board_realestate .board_write .description_title_bar { margin-bottom:10px; } .board_realestate .board_write .map_area { position:relative; margin-top:5px; overflow:hidden; } .board_realestate .board_write .map_area #map { position:relative; height:500px; overflow:hidden; } .board_realestate .board_write .map_area #form_place_search { position:absolute; top:10px; right:10px; display:inline-block; } .board_realestate .board_write .map_area #form_place_search .place_search_box {width:170px; height:30px; padding:0px 10px; border:1px solid #ccc; border-radius:3px; display:inline-block; } .board_realestate .board_write .map_area #form_place_search .btn_place_search { height:32px !important; line-height:32px !important; display:inline-block; } /* .write_editor > div:nth-child(1) { display:none; } 에디터 숨김 */ /* 검색영역 CSS */ .board_realestate .realestate_search { position:relative; padding:10px; margin-bottom:15px; overflow:hidden; border:2px solid #09757a; z-index:8; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate #realestate_search { display:block; } .board_realestate .realestate_search input[type=text], .board_realestate .realestate_search input[type=number] { width:70px; height:15px; padding:4px 3px; border:1px solid #09757a; } .board_realestate .realestate_search input[type=number] { text-align:right; } .board_realestate .realestate_search input[type=checkbox] { display:none; } .board_realestate .realestate_search input[type=checkbox]+label { display:block; } .board_realestate .realestate_search input[type=checkbox]+label span { margin:0px 2.5px; line-height:30px; text-align:center; cursor:pointer; background:#f9f9f9; display:block; border: 1px solid #CCC; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .color_scheme_dark .board_realestate .realestate_search input[type=checkbox]+label span { background-color: var(--color-gray-400); color: var(--color-gray-800); border: 1px solid var(--color-gray-400); } .board_realestate .realestate_search input[type=checkbox]:checked+label span {color:#fff; background:#09757a; } .board_realestate .realestate_search .region_field { position:relative; padding:5px; overflow:hidden; background:#09757a; border-radius: 3px;} .board_realestate .realestate_search .region_field select { width: 185px; *height:28px; border:1px solid #09757a; } .board_realestate .realestate_search .realestate_field { position:relative; padding:5px 0px 10px 0px; overflow:hidden; border-bottom:1px solid #ddd; } .board_realestate .realestate_search .realestate_field label.bold { font-weight:bold; } .board_realestate .realestate_search .realestate_field > ul { position:relative; overflow:hidden; } .board_realestate .realestate_search .realestate_field > ul > li { position:relative; width:12.5%; padding:5px 0px 0px 0px; overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; display:inline-block; } .board_realestate .realestate_search .realestate_field2 > ul > li span { position:relative; margin:0px 2.5px; overflow:hidden; display:block; } .board_realestate .realestate_search .realestate_field2 > ul > li span select { width:100%; height:28px; border:1px solid #AAA; display:block; } .board_realestate .realestate_search .btn_area { position:relative; margin-top:10px; overflow:hidden; text-align:center; } .board_realestate .realestate_search .btn_area .btn_search { width:100% !important; height:50px !important; line-height: 50px !important; margin:0px !important; border:0px !important; border-radius:3px; font-size:21px; letter-spacing: 0.5px; outline: none; color:#fff; *text-shadow:1px 2px 5px rgba(25, 25, 25, 0.3) !important; background:#09757a; } .board_realestate .realestate_search #btn_close_search { display:none; } .board_realestate #btn_open_search { display:none; z-index:9; } .board_realestate .realestate_search .realestate_type_field input[type=checkbox]+label span { height:60px; padding:15px 0px; font-size: 0.895rem; } /* 목록 CSS */ .board_realestate .list_change_area { position:relative; overflow:hidden; *padding:5px 0px; margin:10px 0px; border-bottom:1px solid #E1E1E1; } .color_scheme_dark .board_realestate .list_change_area {border-bottom: 1px solid var(--color-gray-500);} .board_realestate .board_list .admin_area { position:relative; margin-bottom:10px; overflow:hidden; } .board_realestate .board_list .admin_area .agent_list { position:relative; overflow:hidden; float:right; } .board_realestate .board_list { position:relative; width:auto; overflow:hidden; } .board_realestate .board_list .sort_area { position:relative; padding-bottom:5px; margin:15px 0px; overflow:hidden; border-bottom:1px solid #E1E1E1; text-align:right; } .color_scheme_dark .board_realestate .board_list .sort_area {border-bottom: 1px solid var(--color-gray-500);} .board_realestate .board_list .sort_area a { } .board_realestate .board_list .sort_area a.on { color:#09757a; } .board_realestate .board_list .sort_area .total_count { position:absolute; top:0px; left:0px; color:#09757a; font-weight:bold; display:inline-block; } .board_realestate .board_list .sort_area .pc_current_position { margin-right:20px; display:none; } .board_realestate .board_list .sort_area .pc_sort { display:inline-block; } .board_realestate .board_list .sort_area .mobile_current_position { display:none; } .board_realestate .board_list .sort_area .mobile_sort { display:none; } .board_realestate .board_list .realestate_list { position:relative; overflow:hidden; background:transparent; } .board_realestate .board_list .realestate_list > ul { position:relative; overflow:hidden; } .board_realestate .board_list .realestate_list > ul > li { position:relative; overflow:hidden; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_list .realestate_list > ul > li > a.link { position:relative; height:168px; padding:20px 2px; overflow:hidden; border-bottom:1px solid #E1E1E1; color:#555; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .color_scheme_dark .board_realestate .board_list .realestate_list > ul > li > a.link {border-bottom: 1px solid var(--color-gray-500);} .board_realestate .board_list .realestate_list > ul > li > a.link:hover { color:#555; } .board_realestate .board_list .realestate_list > ul > li > a .btn_icon { position:relative; top:2px; padding:0px 3px; overflow:hidden; line-height:14px; font-size:11px; color:#fff; background:#000; display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a .realestate_urgent_sale { background:#ce0202; } .board_realestate .board_list .realestate_list > ul > li > a.link .thumbnail_area { position:absolute; top:26px; height:115px; overflow:hidden; } .board_realestate .board_list .realestate_list > ul > li > a.link .thumbnail_area img { width:190px; height:115px; float:left; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area { position:relative; height:120px; margin-left:215px; margin-right:372px; overflow:hidden; line-height:25px; white-space:nowrap; text-overflow:ellipsis; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area > div { position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .color_scheme_dark .board_realestate .board_list .realestate_list > ul > li > a.link .content_area > div { color: var(--color-gray-700); } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .realestate_type { margin-top:10px; color:#09757a; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .price { font-size:21px; font-weight:bold; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .price .price_label { position:relative; top:3px; overflow:hidden; font-size:15px; display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region { } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .deal_type { margin-right:3px; color:#09757a; display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .region { margin-left:3px; *display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .madi { position:relative; top:6px; overflow:hidden; display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area { position:absolute; top:24px; right:200px; width:152px; height:120px; padding:15px 0px; border-left:1px solid #E1E1E1; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .color_scheme_dark .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area { color: var(--color-gray-700); } .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area .item_info { position:relative; margin:0px 25px; overflow:hidden; } .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area .item_info .label { width:auto; display:inline-block; } .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area .item_info .value { display:inline-block; } .board_realestate .board_list .realestate_list > ul > li .agency_area { position:absolute; top:24px; right:0px; width:200px; height:120px; padding:15px 0px; border-left:1px solid #E1E1E1; line-height:30px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .color_scheme_dark .board_realestate .board_list .realestate_list > ul > li .agency_area { color: var(--color-gray-700); } .board_realestate .board_list .realestate_list > ul > li .bookmark_area { position:absolute; top:30px; right:370px; width:25px; overflow:hidden; line-height:25px; text-align:center; } .board_realestate .board_list .realestate_list > ul > li .bookmark_area .btn_bookmark { font-size:20px !important; } .board_realestate .board_list .realestate_list > ul > li .btn_area { position:relative; margin-top: 5px; *padding:0px 20px; overflow:hidden; text-align:right; } .board_realestate .board_list .realestate_list .no_item { position:relative; padding:10px 0px; overflow:hidden; border-top:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; text-align:center; display:block; } .board_realestate .board_list .realestate_list > ul > li .agency_area .agent_telephone a { background: #09757a; vertical-align: middle; padding: 4px 13px 5px; border-radius: 15px; color: #fff; } .board_realestate .list_footer { } .board_realestate .list_footer .page_navigation { position:relative; padding:15px 0px; overflow:hidden; text-align:center; } .board_realestate .list_footer .page_navigation a { width:25px; height:25px; margin:0px 5px; line-height:24px; border-radius: 0px; font-size:14px; text-align:center; text-decoration:none; *background:#F6F6F6; display:inline-block; } .board_realestate .list_footer .page_navigation a:hover, .board_realestate .list_footer .page_navigation a.active { color:#fff; text-decoration:none; background:#09757a; } /* 목록 지도 마커 등 CSS */ .overlay_realestate { position:relative; overflow:hidden; padding:3px 5px; border:2px solid #fff; border-radius:3px; font-size:11px; color:#fff; text-align:center; background:#09757a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay_realestate a { font-size:11px; color:#fff; } .overlay_realestate a:hover { color:#fff !important; } .overlay_realestate .inwrap { position:relative; overflow:hidden; } .overlay_realestate .price_label { display:block; } .overlay_category { position:relative; overflow:hidden; border:3px solid #fff; font-size:11px; color:#fff; text-align:center; background:#09757a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .overlay_category .inwrap { position:relative; overflow:hidden; } .overlay_category .title { display:none; } .overlay_r20 { width:40px; height:40px; border-radius:20px; line-height:33px; } .overlay_r25 { width:50px; height:50px; border-radius:25px; line-height:43px; } .overlay_r30 { width:60px; height:60px; border-radius:30px; line-height:53px; } .hover_overlay { top:5px; margin-left: 10px; position: relative; } .pulse { width: 10px; height: 10px; border: 5px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #00a6cd; z-index: 10; position: absolute; } .dot { position: absolute; height: 50px; width: 50px; top: -25px; left: -25px; z-index: 2; opacity: 0; border: 10px solid rgba(0,166,205,1);; background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-animation: flash 2s ease-out; -moz-animation: flash 2s ease-out; animation: flash 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-moz-keyframes pulse { 0% {-moz-transform: scale(0);opacity: 0.0;} 25% {-moz-transform: scale(0);opacity: 0.1;} 50% {-moz-transform: scale(0.1);opacity: 0.3;} 75% {-moz-transform: scale(0.5);opacity: 0.5;} 100% {-moz-transform: scale(1);opacity: 0.0;} } @-webkit-keyframes "flash" { 0% {-webkit-transform: scale(0);opacity: 0.0;} 25% {-webkit-transform: scale(0);opacity: 0.1;} 50% {-webkit-transform: scale(0.1);opacity: 0.3;} 75% {-webkit-transform: scale(0.5);opacity: 0.5;} 100% {-webkit-transform: scale(1);opacity: 0.0;} } /* .board_realestate .board_list .realestate_list > ul.list2 { position:relative; overflow:hidden; } .board_realestate .board_list .realestate_list > ul.list2 > li { position:relative; overflow:hidden; width:50%; margin-top:20px; float:left; display:inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_list .realestate_list > ul.list2 > li:first-child { } .board_realestate .board_list .realestate_list > ul.list2 > li > a { position:relative; padding:10px; margin-right:10px; overflow:hidden; border:3px solid #E6E6E6; display:block; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; } .board_realestate .board_list .realestate_list > ul.list2 > li:hover > a { border:3px solid #09757a; background:#F7FAFC; } .board_realestate .board_list .realestate_list > ul.list2 > li:nth-child(even) > a { margin-left:10px; } .board_realestate .board_list .realestate_list > ul.list2 > li > a span { display:inline-block; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .btn_icon { padding:0px 3px; font-size:12px; color:#fff; background:#000; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .thumbnail_area { position:relative; margin-right:10px; overflow:hidden; float:left; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .thumbnail_area > img { width:100px; height:100px; border:1px solid #E6E6E6; float:left; vertical-align:middle; z-index:1; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .thumbnail_area .region_area { position:absolute; bottom:0px; left:0px; width:100%; padding:2px 0px; font-size:10px; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; opacity:0.7; background:#000; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area { position:relative; height:102px; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area > span { position:relative; margin-top:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .price_area { } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .price_area .realestate_urgent_sale, .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .price_area .realestate_deal_type { background:#ce0202; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .price_area .price { font-size:15px; color:#ce0202; font-weight:bold; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .realestate_area { } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .realestate_area .realestate_new { background:#ce0202; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .realestate_area .realestate_type { font-size:15px; font-weight:bold; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .title_area { color:#0000ff; } .board_realestate .board_list .realestate_list > ul.list2 > li > a .content_area .option_area { } .board_realestate .board_list .realestate_list > ul.list2 > li .agent_area { position:absolute; top:12px; right:20px; overflow:hidden; text-align:right; } .board_realestate .board_list .realestate_list > ul.list2 > li .agent_area .agency_name { display:block; } .board_realestate .board_list .realestate_list > ul.list2 > li .agent_area .agent_telephone { padding:0px 5px; color:#fff; font-weight:bold; background:#000000; text-align:center; display:block; } .board_realestate .board_list .realestate_list > ul.list2 > li .btn_area { position:relative; margin-right:10px; overflow:hidden; text-align:right; } .board_realestate .board_list .realestate_list > ul.list2 > li:nth-child(even) .btn_area { margin-left:5px; } */ /* .board_realestate .board_list .realestate_list > #table_realestate_list { } .board_realestate .board_list .realestate_list > table { width:100% !important; } .board_realestate .board_list .realestate_list > table tbody tr { -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; } .board_realestate .board_list .realestate_list > table tbody tr:hover { background:#F7FAFC; } .board_realestate .board_list .realestate_list > table th { } .board_realestate .board_list .realestate_list > table th > span { border-left:1px solid #ccc; font-weight:bold; display:block; } .board_realestate .board_list .realestate_list > table .th_w80 { width:80px; } .board_realestate .board_list .realestate_list > table .th_w100 { width:100px; } .board_realestate .board_list .realestate_list > table .th_w150 { width:150px; } .board_realestate .board_list .realestate_list > table .th_number { width:10px; } .board_realestate .board_list .realestate_list > table .th_number > span { border-left:0px solid #ccc; } .board_realestate .board_list .realestate_list > table .th_thumbnail { width:82px !important; } .board_realestate .board_list .realestate_list > table .th_region { } .board_realestate .board_list .realestate_list > table .th_realestate_type { } .board_realestate .board_list .realestate_list > table .th_realestate_room { } .board_realestate .board_list .realestate_list > table td { line-height:22px; white-space:normal !important; } .board_realestate .board_list .realestate_list > table td .btn_icon { padding:0px 3px; color:#fff; background:#000; } .board_realestate .board_list .realestate_list > table .td_center { text-align:center; } .board_realestate .board_list .realestate_list > table .td_middle { vertical-align:middle; } .board_realestate .board_list .realestate_list > table .td_thumbnail .thumbnail { position:relative; overflow:hidden; display:inline-block; } .board_realestate .board_list .realestate_list > table .td_thumbnail .thumbnail > img { width:60px; height:60px; border:1px solid #E6E6E6; float:left; } .board_realestate .board_list .realestate_list > table .td_realestate_type .realestate_new { background:#ce0202; } .board_realestate .board_list .realestate_list > table .td_realestate_type .realestate_type { font-size:14px; font-weight:bold; } .board_realestate .board_list .realestate_list > table .td_price { position:relative; overflow:hidden; } .board_realestate .board_list .realestate_list > table .td_price .realestate_deal_type { background:#ce0202; } .board_realestate .board_list .realestate_list > table .td_price .price { margin-left:5px; font-size:14px; color:#ce0202; font-weight:bold; } .board_realestate .board_list .realestate_list > table .td_price .realestate_urgent_sale { background:#ce0202; } .board_realestate .board_list .realestate_list > table .td_price .title_area { position:relative; max-width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .board_realestate .board_list .realestate_list > table .td_price .option_area { position:relative; max-width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .board_realestate .board_list .realestate_list > table .td_detail .btn_area { margin-top:10px; } */ /* 본문(공통) CSS */ .board_realestate .board_read { position:relative; overflow:hidden; } .board_realestate .board_read .btn_icon { padding:0px 3px; color:#fff; background:#000; } .board_realestate .board_read .agent_title_bar { margin-top:0px; } .board_realestate .board_read .info_title_bar .bookmark_area { display:none; } .board_realestate .board_read .exForm .td_realestate_type, .board_realestate .board_read .exForm .td_realestate_deal_type, .board_realestate .board_read .exForm .td_price { color:#ce0202; font-weight:bold; } .board_realestate .board_read .exForm th.price, .board_realestate .board_read .exForm td.price { color:#ce0202; font-weight:bold; } .board_realestate .board_read .exForm td .new_building { color:#ce0202; font-weight:bold; } .board_realestate .board_read .read_body { padding:0px !important; } .board_realestate .board_read .read_body .xe_content { } .board_realestate .board_read .read_body .xe_content p { font-size: 13px; } .color_scheme_dark .board_realestate .board_read .read_body .xe_content p { color: var(--color-gray-300) !important; } .board_realestate .board_read .realestate_map { position:relative; margin-top:10px; overflow:hidden; } .board_realestate .board_read .realestate_map #propertyMap { position:relative; overflow:hidden; } .board_realestate .board_read .read_agent_btn_area { display:none; } #mobile_agent_info { display:none; } /* 본문 우측 CSS */ .board_realestate .board_read .read_right { position:fixed; *top:250px; left:50%; margin-left:225px; width:310px; overflow:hidden; border:1px solid #ddd; background:#fff; z-index:2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_read .read_right .btn_icon { position:relative; top:1px; overflow:hidden; line-height:17px; font-size:13px; } .board_realestate .board_read .read_right .realestate_info { position:relative; padding:10px 10px; overflow:hidden; } .board_realestate .board_read .read_right .realestate_info span { display:inline-block; } .board_realestate .board_read .read_right .realestate_info .realestate_header_info { font-size:18px; font-weight:bold; text-align:center; } .board_realestate .board_read .read_right .realestate_info .realestate_header_info .realestate_urgent_sale { background:#ce0202; } .board_realestate .board_read .read_right .realestate_info .realestate_price_info { margin-top:0px; text-align:center; } .board_realestate .board_read .read_right .realestate_info .realestate_price_info .realestate_price { font-size:20px; color:#ce0202; font-weight:bold; } .board_realestate .board_read .read_right .realestate_info .realestate_price_info .realestate_price .price_label { font-size:14px; position:relative; top:1px; overflow:hidden; display:inline-block; } .board_realestate .board_read .read_right .realestate_info .realestate_price_info .realestate_price .realestate_parcel_price { font-size:15px; } .board_realestate .board_read .read_right .realestate_info .realestate_region { text-align:center; } .board_realestate .board_read .read_right .realestate_info .confirm_date { position:absolute; top:38px; right:15px; padding:0px 5px; border:2px solid #ce0202; color:#ce0202; font-weight:bold; } .board_realestate .board_read .read_right .realestate_info .bookmark_area { position:absolute; top:8px; right:10px; padding:5px 5px 2px 5px; overflow:hidden; opacity:1.0; } .board_realestate .board_read .read_right .realestate_info .bookmark_area span { line-height:20px; font-size:20px; cursor:pointer; } .board_realestate .board_read .read_right .agent_info { position:relative; padding:10px 10px; overflow:hidden; border-top:1px solid #ddd; text-align:center; background:#efefef; } .board_realestate .board_read .read_right .agent_info .agency_name { font-weight:bold; margin-bottom:3px; } .board_realestate .board_read .read_right .agent_info .agent_name { font-size:15px; font-weight:bold; } .board_realestate .board_read .read_right .agent_info .agent_telephone { margin-top:5px; font-weight:bold; } .board_realestate .board_read .read_right .agent_info .agent_telephone > a { padding:0px 15px; height:30px; border-radius:15px; line-height:30px; color:#fff; background:#09757a; display:inline-block; } .board_realestate .board_read .read_right .agent_info .agent_guide { margin-top:5px; font-size:10px; color:#555; text-align:center; display:block; } .board_realestate .board_read .read_right .agent_image { position:relative; margin:7px; overflow:hidden; } .board_realestate .board_read .read_right .agent_image img { width:100%; float:left; } .board_realestate .board_read .read_right .agency_info { position:relative; padding:10px 15px; overflow:hidden; border-top:1px solid #ddd; font-size:13px; text-align:center; } .board_realestate .board_read .read_right .agency_info .agency_info_inwrap { position:relative; overflow:hidden; text-align:left; display:inline-block; } .board_realestate .board_read .read_right .agency_info .agency_name { font-size:16px; font-weight:bold; } .board_realestate .board_read .read_right .agency_info .agency_representative { } .board_realestate .board_read .read_right .agency_info .agency_image { position:relative; margin-top:10px; overflow:hidden; display:none; } .board_realestate .board_read .read_right .agency_info .agency_image img { width:100%; float:left; } /* 본문 CSS */ .board_realestate .board_read .read_header { position:relative; overflow:hidden; } .board_realestate .board_read .read_header .header_gallery { position:relative; overflow:hidden; background:#F6F6F6 no-repeat center; background-size:100%; text-align:center; z-index:1; } .board_realestate .board_read .read_header .header_gallery img { width:100%; } .board_realestate .board_read .read_header .header_gallery .more_image { position:absolute; bottom:30px; right:10px; width:40px; height:40px; border-radius:5px; line-height:40px; font-size:26px; color:#fff; text-align:center; opacity:0.7; background:#000; display:block; } .board_realestate .board_read .read_header .header_gallery .media_btn_area { position:absolute; left:5px; bottom:30px; margin:0px 0px; overflow:hidden; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_read .read_header .header_gallery .media_btn_area .media_btn_wrap { position:relative; overflow:hidden; opacity:0.7; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_read .read_header .header_gallery .media_btn_area .media_btn_wrap > a { width:40px; height:40px; margin:0px 0px 0px 5px; border-radius:5px; line-height:35px; font-size:25px; color:#fff; background:#555; display:inline-block; } .board_realestate .board_read .read_header .header_gallery .media_btn_area .media_btn_wrap > a i { font-size:20px !important; } .board_realestate .board_read .read_header .header_gallery .media_btn_area .media_btn_wrap > a.btn_vr { background:#0098CF; } .board_realestate .board_read .read_header .header_gallery .media_btn_area .media_btn_wrap > a.btn_youtube { background:#F3000F; } /* .board_realestate .board_read .read_header .gallery_area { position:relative; margin-bottom:10px; overflow:hidden; } .board_realestate .board_read .read_header .gallery_area .flexslider { margin:0px; border:0px; } .board_realestate .board_read .read_header .gallery_area .flexslider .slides { text-align:center !important; background:#ddd; } .board_realestate .board_read .read_header .gallery_area .flexslider .slides li { position:relative; width:100%; height:100%; overflow:hidden; } .board_realestate .board_read .read_header .gallery_area .flexslider .slides li img { width:auto; float:none; display:inline-block; } .board_realestate .board_read .read_header .gallery_area .flexslider .slides li .slide_watermark { position:absolute; top:0px; left:0px; width:100%; height:100%; opacity: 0.3; } .board_realestate .board_read .read_header .gallery_area .flex-control-nav { bottom:10px; } .board_realestate .board_read .read_header .gallery_area .flex-control-nav li { margin: 0 6px; } */ .board_realestate .board_read .read_header .header_maininfo { position:relative; *top:-20px; padding:20px 10px; margin:0px 10px; overflow:hidden; border:1px solid #ddd; border-top:3px solid #09757a; background:#fff; z-index:2; } .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo { background-color: var(--color-gray-050); border: 1px solid var(--color-gray-050);} .board_realestate .board_read .read_header .header_maininfo .title_area { position:relative; padding-bottom:20px; overflow:hidden; border-bottom:1px solid #ddd; text-align:center; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_info { font-size:24px; font-weight:bold; display:block; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_price { margin-top:0px; font-size:27px; font-weight:bold; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .type_area { color:#000000; } .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .type_area {color: var(--color-gray-900) !important;} .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .type_area .btn_icon { position:relative; top:-3px; overflow:hidden; font-size:18px; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .type_area .realestate_urgent_sale { background:#ce0202; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .type_area .realestate_new { } .board_realestate .board_read .read_header .header_maininfo .title_area .item_price .price { margin-top:5px; color:#ce0202; } .board_realestate .board_read .read_header .header_maininfo .title_area .item_title { margin-top:10px; font-size:19px; font-weight:bold; display:block; } .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo .title_area .item_title {color: var(--color-gray-700);} .board_realestate .board_read .read_header .header_maininfo .title_area .notice { margin-top:5px; } .board_realestate .board_read .read_header .header_maininfo .title_area .title_bottom_content { position:relative; margin-top:10px; overflow:hidden; } .board_realestate .board_read .read_header .header_maininfo .extra_info { position:relative; padding:0px 0px 10px 0px; margin:0px 30px; overflow:hidden; line-height:20px; border-bottom:1px solid #ddd; } .board_realestate .board_read .read_header .header_maininfo .extra_info li { position:relative; padding-top:10px; margin-top:10px; overflow:visible; border-top:1px solid #ddd; text-overflow: ellipsis; white-space:nowrap; } .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo .extra_info li {border-top: 1px solid var(--color-gray-400);} .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo .extra_info li {color: var(--color-gray-700) !important;} .board_realestate .board_read .read_header .header_maininfo .extra_info li:first-child { padding-top:0px; border-top:0px; } .board_realestate .board_read .read_header .header_maininfo .extra_info li span { font-size:14px; display:inline-block; } .board_realestate .board_read .read_header .header_maininfo .extra_info .label { width:135px; padding:1px 0px 3px 0px; margin-right:5px; text-align:center; background:#efefef; } .color_scheme_dark .board_realestate .board_read .read_header .header_maininfo .extra_info .label { background-color: var(--color-gray-400);} .board_realestate .board_read .read_header .header_maininfo .extra_info .value { white-space:nowrap; background:none; } .board_realestate .board_read .read_header .header_maininfo .extra_info .value a { font-size:14px; } .board_realestate .board_read .read_header .header_maininfo .extra_info .value .btn_icon { position:relative; top:2px; overflow:hidden; line-height:14px; font-size:11px; } .board_realestate .board_read .read_header .header_maininfo .extra_info .value .realestate_urgent_sale { background:#ce0202; } .board_realestate .board_read .read_header .header_maininfo .extra_info .extra_list_price .value { color:#ce0202; font-weight:bold; } .board_realestate .board_read .read_header .header_maininfo .extra_info .extra_list_agent .value .agent_telephone { position:absolute; top:9px; right:0px; height:26px; padding:0px 10px; margin-left:0px; border-radius:15px; line-height:25px; color:#fff; text-align:center; background:#09757a; display:inline-block; z-index:11; } .board_realestate .board_read .read_header .header_maininfo .extra_info li.extra_list_regdate .item_wrap { width:50%; display:inline-block; } .board_realestate .board_read .read_header .header_maininfo .sns_area { position:relative; *height:32px; padding:10px 0px 0px 0px; margin:0px 30px; overflow:hidden; } .board_realestate .board_read .read_header .header_maininfo .sns_area .facebook_like { height: 34px; position:relative; padding:5px 6px; overflow:hidden; border:1px solid #1877F2; border-radius:3px; float:left; background:#1877F2; display:inline-block; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link { position:relative; overflow:hidden; float:right; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li { position:relative; margin-left:5px; overflow:hidden; float:left; display:inline-block; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li a { position:relative; overflow:hidden; width:32px; height:32px; border-radius:5px; line-height:32px; font-size:18px; color:#fff; text-align:center; display:block; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li a.facebook { background-color: #4267B2; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li a.twitter { background-color: #40bff5; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li a.google-plus { background-color: #eb5e4c; } .board_realestate .board_read .read_header .header_maininfo .sns_area .social_link li a img { width:32px; height:32px; float:left; } .board_realestate .board_read .read_header .header_maininfo .bookmark_area { position:absolute; top:17px; right:10px; } .board_realestate .board_read .read_header .header_maininfo .bookmark_area .btn_bookmark { font-size:25px; } .board_realestate .board_read .read_header .header_maininfo .bookmark_area .btn_bookmark_on { } .board_realestate .board_read .title_bar { padding-top:30px; margin:0px 10px; border-bottom:2px solid #09757a; font-size:20px; clear:both; } .color_scheme_dark .board_realestate .board_read .title_bar {color: var(--color-gray-700);} .board_realestate .board_read .agent_title_bar { padding-top:0px; margin-top:0px; } .color_scheme_dark .board_realestate .board_read .agent_title_bar {color: var(--color-gray-700);} .board_realestate .board_read .info_title_bar { } .color_scheme_dark .board_realestate .board_read .info_title_bar {color: var(--color-gray-700);} .board_realestate .board_read .exForm { margin:0px 10px; clear:both; } .board_realestate .board_read .exForm .left_table, .board_realestate .board_read .exForm .right_table { position:relative; width:50%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .board_realestate .board_read .exForm .left_table { padding-right:10px; float:left; } .color_scheme_dark .board_realestate .board_read .exForm .left_table { background-color: var(--color-gray-050);} .board_realestate .board_read .exForm .right_table { padding-left:10px; float:right; } .board_realestate .board_read .exForm th { font-size:13px; } .color_scheme_dark .board_realestate .board_read .exForm th {color: var(--color-gray-700);} .board_realestate .board_read .exForm td { font-size:13px; } .color_scheme_dark .board_realestate .board_read .exForm td { background-color: var(--color-gray-700); color: var(--color-gray-300) !important;} .board_realestate .board_read .exForm td.left_align { text-align:left; } .board_realestate .board_read .exForm td .btn_icon { position:relative; top:0px; overflow:hidden; font-size:12px; } .board_realestate .board_read .exForm td .agent_telephone { color:#09757a; } .board_realestate .board_read .exForm .td_price { } .board_realestate .board_read .exForm .td_price .realestate_urgent_sale, .board_realestate .board_read .exForm .td_price .realestate_deal_type { background:#ce0202; } .board_realestate .board_read .exForm .td_realestate_type { color:#000; } .color_scheme_dark .board_realestate .board_read .exForm .td_realestate_type {color: var(--color-gray-700);} .board_realestate .board_read .exForm .td_realestate_type .realestate_new { top:-1px; background:#ce0202; } .board_realestate .board_read .youtube_area { position:relative; min-height:250px; margin:10px 10px 0px 10px; overflow:hidden; } .board_realestate .board_read .youtube_area:before { content: ""; display: block; padding-top: 55.5%; /* 세로비율 */ } .board_realestate .board_read .youtube_area #youtube_iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:100%; height:100%; } .board_realestate .board_read .map_area { position:relative; min-height:300px; margin:10px 10px 0px 10px; overflow:hidden; } .board_realestate .board_read .map_area:before { content: ""; display: block; padding-top: 55.5%; /* 세로비율 */ } .board_realestate .board_read .map_area #readMap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .board_realestate .board_read .read_agent_telephone { position:fixed; left:0px; bottom:0px; width:100%; opacity: 0.9; display:none; z-index:9; } .board_realestate .board_read .read_agent_telephone a { padding:5px 0px; border-radius:0px; line-height:40px; font-size:23px; color:#fff; font-weight:bold; text-align:center; background:#09757a; display:block; } .board_realestate .board_read .read_agent_telephone a i { font-size:28px; } /* 중개정보 COLORBOX CSS */ #colorbox_agent_info { position:relative; width:350px; margin:30px 15px 15px 15px; overflow:hidden; font-size:13px; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #colorbox_agent_info .agent_header { position:relative; padding:10px; margin-bottom:10px; overflow:hidden; text-align:center; background:#EFEFEF; } #colorbox_agent_info .agent_info { position:relative; padding-bottom:10px; overflow:hidden; border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; text-align:center; } #colorbox_agent_info .agent_info .agent_telephone_box { display:none; } #colorbox_agent_info .agent_info .agent_telephone { position:relative; padding:5px 0px; margin:7px auto; overflow:hidden; border-radius:10px; text-align:center; background:#09757a; } #colorbox_agent_info .agent_info .agent_telephone a { color:#fff; display:block; } #colorbox_agent_info .agent_info .agent_message { } #colorbox_agent_info .agent_info .agent_guide { margin-top:10px; font-size:11px; color:#555; font-weight:normal; text-align:center; display:block; } #colorbox_agent_info .agency_info { position:relative; margin-top:10px; overflow:hidden; } #colorbox_agent_info .agency_info .agency_name { font-size:16px; font-weight:bold; } #colorbox_agent_info .agency_info .agency_representative { } #colorbox_agent_info .agency_info .agency_image { margin-top:10px; } #colorbox_agent_info .agency_info .agency_image img { width:100%; float:left; } @media (max-width: 930px) { /* 목록 CSS */ .board_realestate .board_list .sort_area { font-size:11px; } .board_realestate .board_list .sort_area a { font-size:0.895rem; } .board_realestate .board_list .sort_area .total_count { top:3px; font-size:14px; } .board_realestate .board_list .sort_area .pc_current_position { display:none; } .board_realestate .board_list .sort_area .pc_sort { display:none; } .board_realestate .board_list .sort_area .mobile_current_position { margin-right:5px; display:none; } .board_realestate .board_list .sort_area .mobile_sort { display:inline-block; } .board_realestate .board_list .sort_area .mobile_current_position i, .board_realestate .board_list .sort_area .mobile_sort i { font-size:16px; } .color_scheme_dark .board_realestate .board_list .sort_area .mobile_sort i {color: var(--color-gray-700);} .board_realestate .board_list .realestate_list > ul > li > a.link { height:90px; padding:10px 0px; } .board_realestate .board_list .realestate_list > ul > li > a .btn_icon { top:1px; padding:0px 2px; line-height:10px; font-size:9px; } .board_realestate .board_list .realestate_list > ul > li > a.link .thumbnail_area { position:absolute; top:10px; height:70px; overflow:hidden; } .board_realestate .board_list .realestate_list > ul > li > a.link .thumbnail_area img { width:107px; height:70px; float:left; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area { height:70px; margin-left:117px; margin-right:0px; overflow:hidden; line-height:16px; font-size: 0.895rem; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .realestate_type { margin-top:1px; font-size: 0.895rem; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .price { font-size:1.0rem; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .price .price_label { top:3px; font-size:10px; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .deal_type { margin-right:3px; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .region { margin-left:3px; } .board_realestate .board_list .realestate_list > ul > li > a.link .content_area .deal_region .madi { top:-2px; font-size:10px; } .board_realestate .board_list .realestate_list > ul > li > a.link .item_info_area { display:none; } .board_realestate .board_list .realestate_list > ul > li .agency_area { display:none; } .board_realestate .board_list .realestate_list > ul > li .bookmark_area { top:9px; right:0px; width:20px; line-height:20px; } .board_realestate .board_list .realestate_list > ul > li .bookmark_area .btn_bookmark { font-size:16px !important; } .board_realestate .board_list .realestate_list > ul > li .btn_area { padding:0px 0px; display:none; } .board_realestate .list_footer .page_navigation { padding:5px 0px 15px 0px; } .board_realestate .list_footer .page_navigation a { width:25px; height:25px; margin:0px 3px; line-height:26px; font-size:12px !important; } .board_realestate .board_read { padding-right: 0px; } } /* 구글맵 IFRAME */ .board_realestate .map_area_a { position:relative; overflow:hidden; margin:10px; } .board_realestate #iframe_googlemap { width:100%; height:450px; border:0; } @media (max-width: 479px) { .color_scheme_dark .board_realestate select { background-color: var(--color-gray-100); border: 1px solid var(--color-gray-050); color: var(--color-gray-700); } .board_realestate select {padding:0px 10px; height: 26px; margin-top: 2px; } }