/* 기본 세팅 */ @charset "euc-kr"; @import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean"); @import url("//cdn.rawgit.com/hiun/nanumsquare/master/nanumsquare.css"); body { margin:0; padding:0; min-width:1160px; background-color:#fff; font-family:'Nanum Gothic'; font-size:15px; font-weight:normal; color:#333; } form { margin:0; padding:0; } img { margin:0; padding:0; border:0; } button { margin:0; padding:0; background-color:#fff; outline:0; } A:link { color:#000; text-decoration:none; } A:active { color:#000; text-decoration:none; } A:visited { color:#000; text-decoration:none; } A:hover { color:#000; text-decoration:none; } p { margin:0; padding:0; } INPUT { height:27px; font-family:'Nanum Gothic'; font-size:12pt; border:1px solid #d6d6d6; padding:0 3px; outline:0; } INPUT[class="radio"] + label { display:inline-block; width:15px; height:15px; border:0; line-height:0px; vertical-align:bottom; background-color:transparent; cursor:pointer; outline:0; } .radio { display:inline-block; width:15px; height:15px; border:0; line-height:0px; vertical-align:bottom; background-color:transparent; cursor:pointer; } SELECT { height:27px; background-color:#fff; font-family:'Nanum Gothic'; font-size:12pt; outline:0; } textarea { font-family:'Nanum Gothic'; outline:0; } fileField { font-family:'Nanum Gothic'; outline:0; } dl { margin:0; padding:0; list-style-type:none; } dd { margin:0; padding:0; } table { border:0; padding:0; border-spacing:0; border-collapse:collapse; } th,td { font-family:'Nanum Gothic'; } .btn { padding:5px 8px; border:1px solid #fff; background-color:#fff; cursor:pointer; } .clear_left { clear:left; margin:0; padding:0; } .clear_right { clear:right; margin:0; padding:0; } .clear_both { clear:both; margin:0; padding:0; } .bold { font-weight:bold; } .white_bold { font-weight:bold; color:#fff; } * { margin:0; padding: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *:focus { outline:none; } .not_found { margin:10px 0; font-size:14pt; font-weight:bold; color:#000; text-align:center; } .popup_items { position:absolute; display:none; overflow:hidden; z-index:99; } /* 기본 세팅 */ /* 레이어영역 */ #blank_layer { position:absolute; top:0; left:0; z-index:20; display:none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.7+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */ } /* 레이어영역 */ /* 상단영역 */ #area_header { position:fixed; width:100%; top:0; margin:0; padding:0; background-color:#fff; z-index:6; } #top_menu { width:1160px; margin:0 auto; padding:0; } #top_menu > #top_base_btns { float:right; width:320px; } #top_menu > #top_base_btns > .item_btn { float:right; margin:0 0 0 10px; padding:0 0 0 15px; background-image:url("/img/header/top_ico.png"); background-repeat:no-repeat; background-position:0 3px; } #top_menu > #top_base_btns > .item_btn > a { font-family:'Nanum Gothic'; font-size:14px; font-weight:bold; color:#5a5b5d; } #top_menu > #top_base_banner { float:left; width:320px; } #top_menu > #top_logo { width:400px; margin:0 auto; text-align:center; } #top_navi { width:100%; } #top_navi > ul#top_menubar { width:1160px; margin:0 auto; list-style:none; overflow:hidden; } #top_navi > ul#top_menubar > li a { float:left; display:block; width:11%; padding:15px 0; font-family:'Nanum Square'; font-size:20px; font-weight:bold; letter-spacing:-1.5px; text-align:center; text-decoration:none; /*TRANSISTIONS*/ -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; -ms-transition: background 0.3s ease; transition: background 0.3s ease; } #top_navi > ul#top_menubar > li.menu_item_point a { width:22%; padding:14px; } #top_navi > ul#top_menubar > li.menu_item_point a > .point { font-size:22px; letter-spacing:0; } .top_submenu { display:none; width:100%; margin:0; padding:0; border-bottom:1px solid #999; background-color:#fff; -moz-box-shadow: 0 0 2px 1px #999; -webkit-box-shadow: 0 0 2px 1px #999; box-shadow: 0 0 2px 1px #999; } .top_submenu > .menu_box { width:1160px; min-height:140px; margin:0 auto; padding:20px 0; background-repeat:no-repeat; background-position:right bottom; background-color:#fff;} .top_submenu > .menu_box > .item_title { float:left; width:15%; padding-left:10px; font-family:'Nanum Square'; font-size:20px; font-weight:bold; } .top_submenu > .menu_box > .items { float:left; width:65%; padding:0 10px; } .top_submenu > .menu_box > .items > div { float:left; width:20%; margin:0 0 10px 0; padding:0; } .top_submenu > .menu_box > .items > .item { padding-left:5px; font-size:17px; font-weight:bold; color:#555; } .top_submenu > .menu_box > .items > .item > a { padding:2px 5px; border-radius:5px; background-color:#fff; color:#555; text-decoration:none; } #header_blank { height:148px; } /* 상단영역 */ /* 메인배너 */ .main_close_btn { position:absolute; top:0; right:0; width:40px; height:40px; margin:-20px -20px 0 0; padding:0; border:3px solid #fff; border-radius:20px; background-image:url("/img/header/btn_close.gif"); background-repeat:no-repeat; background-position:center center; cursor:pointer; z-index:5; } #main_banner { position:relative; width:100%; background-image:url("/img/header/main_bg_2201.jpg"); background-position:center bottom; background-repeat:repeat-x; background-size:auto; background-color:#f5f5f5; } #main_banner > #main_banner_txt { position:relative; width:1160px; height:360px; margin:0 auto; } #main_banner > #main_banner_txt > #main_banner_fonts { visibility:hidden; position:absolute; width:100%; height:360px; background-image:url("/img/header/font.png"); background-position:center top; background-repeat:repeat-x; background-size:auto; } #main_map { position:absolute; visibility:hidden; top:0; right:50px; width:1100px; height:480px; background-color:#fff; border:3px solid #3e4c5f; z-index:1; } #main_search { position:absolute; visibility:hidden; top:0; right:50px; width:1100px; padding:10px; background-color:#fff; border:3px solid #3e4c5f; z-index:1; } #main_sms { position:absolute; visibility:hidden; top:0; right:50px; width:1100px; padding:10px; background-color:#fff; border:3px solid #3e4c5f; z-index:1; } #blackout { display:none; position:absolute; width:100%; top:0; left:0; z-index:4; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.7+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */ } /* 메인배너 */ /* 지도 */ #map_area { width:100%; height:474px; margin:0 0 0 0; padding:0; } #naver_map { position:relative; width:100%; height:474px; z-index: 1; } .buttons { position:absolute; top:0; right:10px; width:60px; z-index:9; padding:5px; text-align:center; letter-spacing:-0.5px; } .buttons > .control-btn { width:45px; height:45px; margin:5px 0; border:1px solid #363636; background-color:#fff; font-size:13px; font-weight:bold; color:#363636; cursor:pointer; letter-spacing:-0.5px;} .buttons > .control-on { background-color:#363636; border:2px solid #fff; color:#fff; } .map_item { position:absolute; border:2px solid #fff; border-radius:20px; z-index:1; } .map_item > .map_item_name { display:table-cell; min-width:65px; margin:0; padding:0 10px; border-top-left-radius:15px; border-bottom-left-radius:15px; background-color:#333; font-weight:bold; color:#fff; line-height:30px; text-align:center; white-space:nowrap; } .map_item > .map_item_count { display:table-cell; min-width:30px; margin:0; padding:0 10px; border-top-right-radius:15px; border-bottom-right-radius:15px; font-family:'Nanum Gothic'; font-size:15px; font-weight:bold; color:#fff; line-height:30px; text-align:center; } /* 지도 */ /* 첫화면 검색창 */ #index_search_box { width:100%; padding:30px 0; text-align:center; } #index_search_box > .title { margin:0 10px; font-family:'Nanum Square'; font-size:20px; letter-spacing:-0.7px; font-weight:bold; color:#fff; } #index_search_box > .search_item { width:150px; height:45px; margin:0; border:0; font-size:18px; font-weight:bold; text-align:center; } #index_search_box > input[name=titlei] { width:300px; height:45px; margin:0; border:0; font-size:18px; font-weight:bold; text-align:center; } #index_search_box > .search_submit { width:110px; height:45px; margin:0 0 0 10px; border:0; border:0; font-size:20px; font-weight:bold; text-align:center; color:#fff; cursor:pointer; } #index_search_box > SELECT { height:27px; padding:2px; border:1px solid #d6d6d6; border-radius:0; background-image:url('img/admin/select_arrow.png'); background-repeat:no-repeat; background-position:right -3px center; font-family:'Nanum Gothic',sans-serif; font-size:11pt; line-height:25px; outline:0; color:#333; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } #index_search_box > SELECT::-ms-expand { display:none; } .index_items { display:block; width:100%; margin:80px 0 0 0; padding:0; } .index_items > .index_item { margin:0 0 30px 0; padding:0; text-align:center; } .index_items > .index_item > .title_txt { padding:10px 20px; border-bottom:2px solid #282828; font-family:'NanumSquare',sans-serif; font-size:22pt; font-weight:bold; letter-spacing:-1px; color:#000; } #index_lastupdate > .index_item > #list_boxs { width:100%; } #index_lastupdate > .index_item > a > button#index_lastupate_more { padding:7px 25px; border:0; background-color:#000; font-family:'Spoqa Han Sans',sans-serif; font-size:13pt; font-weight:normal; color:#fff; cursor:pointer; } .index_items > .index_item > a > button.btns_index_money { width:160px; margin:0 5px; padding:10px 0; background:rgb(29,29,29); border:0; border-radius:20px; font-size:12pt; font-weight:bold; color:#fff; text-align:center; cursor:pointer; } .index_items > .index_item > a > button.btns_index_money:hover { background:rgb(10,55,86); } /* 첫화면 검색창 */ /* 본문 - 좌측/중앙/우측 영역 설정 */ #area_body { display:block; position:relative; width:1160px; margin:10px auto; } #area_body > #contents_left { display:none; float:left; position:relative; width:53px; margin-right:7px; } #area_body > #contents_left > #left_menu_area { position:absolute; width:53px; overflow:hidden; } #area_body > #contents_right { position:fixed; top:152px; right:0; width:53px; z-index:6; overflow:hidden; } #area_body > #contents_body { width:1160px; margin:0 auto; overflow:hidden; } /* 본문 - 좌측/중앙/우측 영역 설정 */ /* 검색 */ .search_title { margin:0; padding:20px 0 15px; font-family:'Nanum Square'; font-size:28px; font-weight:bold; letter-spacing:-1.7px; color:#363636; text-align:center; } .search_box { display:table; width:98%; margin:0 auto; border-top:2px solid #000; } .search_box > .search_items { display:table-row; } .search_box > .search_items > .search_items_part { display:table-cell; width:120px; height:60px; margin:0; padding:0 10px; border-bottom:1px solid #e0e0e0; background-color:#f2f2f2; font-family:'Nanum Square'; font-size:18px; font-weight:bold; letter-spacing:-0.5px; line-height:60px; color:#424242; vertical-align:middle; } .search_box > .search_items > .search_items_part > .point { float:left; margin-right:5px; font-size:15px; line-height:60px; color:#424242; } .search_box > .search_items > .search_items_vals { position:relative; display:table-cell; margin:0; padding:0 10px; border-bottom:1px solid #e0e0e0; vertical-align:middle; } .search_box > .search_items > .search_items_vals > .search_item { width:120px; height:30px; } .search_box > .search_items > .search_items_vals > .search_item_multicheckbox { position:relative; display:inline-block; margin:0 5px; padding:0 0 0 30px; line-height:25px; text-align:left; } .search_box > .search_items > .search_items_vals > .search_item_multicheckbox > .search_checkbox { position:absolute; left:0; width:25px; height:25px; cursor:pointer; margin:0 0 0; border:0; outline:0; } .search_box > .search_items > .search_items_vals > #titlei { width:200px; height:30px; margin:0; padding:0; text-align:center; } .search_box > .search_items > .search_items_vals > button { margin:0; padding:0; border:0; cursor:pointer; } .search_box > .search_items > .search_items_vals > .search_moneys { margin:2px 2px; padding:10px 9px; border:1px solid #dedede; font-size:9pt; font-weight:bold; } .search_box > .search_items > .search_items_vals > .search_moneys_on { background-color:#236a9f; color:#fff; } .search_box > .search_items > .search_items_vals > #search_btn_submit { width:100px; height:30px; margin:0 10px; padding:0; border:0; background-color:#236a9f; color:#fff; } .search_box > .search_items > .search_items_vals > #search_area_box { width:100%; margin:10px 0; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_gu { width:100%; padding:10px; border:1px solid #236a9f; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_si > .area_item_si { float:left; width:120px; margin:0; padding:10px 0; font-size:12pt; text-align:center; cursor:pointer; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_si > .area_item_on { border:1px solid #236a9f; background-color:#236a9f; font-weight:bold; color:#fff; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_gu > label > input[type=checkbox] { display:none; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_gu > label > .area_item_gu { float:left; width:105px; margin:3px; padding:10px 0; border:1px solid #dedede; font-size:10pt; text-align:center; cursor:pointer; } .search_box > .search_items > .search_items_vals > #search_area_box > #search_area_gu > label > .area_item_on { background-color:#236a9f; font-weight:bold; color:#fff; } /* 검색 */ /* sms */ .sms_title { margin:0; padding:30px 0; font-family:'Nanum Square'; font-size:30px; font-weight:bold; letter-spacing:-1.7px; color:#363636; text-align:center; } .sms_box { display:table; width:98%; margin:0 auto; border-top:2px solid #000; } .sms_box > #sms_infos { display:table-cell; width:382px; border-bottom:1px solid #e0e0e0; vertical-align:middle; } .sms_box > #sms_infos > #sms_pic { float:left; width:160px; height:75px; margin:5px; border:1px solid #e0e0e0; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url('/img/info/logo.png'); } .sms_box > #sms_infos > #sms_info { float:left; width:205px; overflow:hidden; } .sms_box > #sms_infos > #sms_info > .info_item { display:inline-block; width:90px; margin:5px 5px; padding:7px 15px; border-radius:20px; background-color:#3d3d3d; font-size:16px; font-weight:bold; letter-spacing:-0.5px; color:#fff; text-align:center; } .sms_box > #sms_infos > #sms_info > .info_vals { display:inline-block; margin:3px 0; padding:5px 5px; font-size:16px; font-weight:bold; letter-spacing:-0.5px; color:#444; text-align:left; } .sms_box > #sms_infos > #sms_info > .basic_sms { display:block; margin:5px 0; font-family:'Nanum Square'; font-size:20px; line-height:45px; font-weight:bold; text-align:center; } .sms_box > #sms_form { display:table-cell; width:670px; } .sms_box > #sms_form > .sms_items { display:table-row; } .sms_box > #sms_form > .sms_items > .sms_items_part { display:table-cell; width:150px; height:60px; margin:0; padding:0 10px; border-bottom:1px solid #e0e0e0; background-color:#f2f2f2; font-family:'Nanum Square'; font-size:18px; font-weight:bold; letter-spacing:-0.5px; line-height:60px; color:#424242; } .sms_box > #sms_form > .sms_items > .sms_items_part > .point { float:left; margin-right:5px; font-size:15px; line-height:60px; color:#424242; } .sms_box > #sms_form > .sms_items > .sms_items_vals { position:relative; display:table-cell; width:520px; margin:0; padding:0 10px; border-bottom:1px solid #e0e0e0; } .sms_box > #sms_form > .sms_items > .sms_items_vals > .sms_item { height:30px; } .sms_box > #sms_form > .sms_items > .sms_items_vals > p { margin:3px 0; font-size:14px; font-weight:normal; color:#909090; } .sms_buttons { width:100%; padding:15px 0 0 0; text-align:center; } .sms_buttons > p > .radio_private { width:22px; height:22px; border:0; cursor:pointer; outline:0; line-height:0px; vertical-align:middle; background-color:transparent; } .sms_buttons > button { margin:20px 5px; padding:0; border:0; cursor:pointer; } /* sms */ /* 우측메뉴 */ dl.right_menu { width:150px; margin:0; padding:0 10px 0 0; border-radius:10px; background-color:#444; list-style:none; overflow:hidden; } dl.right_menu > dt { padding:10px 10px; cursor:pointer; } dl.right_menu > dd { padding:11px 10px 11px 10px; font-family:'굴림','Gulim'; font-size:12px; font-weight:normal; color:#fff; cursor:pointer; } dl.right_menu > dd:last-child { border:0; } /* 우측메뉴 */ /* 첫화면 인덱스 메뉴 */ dl#index_menu_items { width:1100px; margin:10px auto 20px; padding:0; list-style-type:none; } dl#index_menu_items > a > dd.items { float:left; width:25%; margin:0; padding:10px; } dl#index_menu_items > a > dd.items > .item { width:100%; height:250px; border:1px solid #ccc; background-repeat:no-repeat; background-position:center bottom; } /* 첫화면 인덱스 메뉴 */ /* 지역별/역세권검색 */ #search_area_title { display:none; width:100%; } #search_train_title { display:none; width:100%; } .list_search_box { display:none; margin:0 0 30px 0; padding:10px; background-image:url("/img/info/box_bg.gif"); } .list_search_box > .list_search_item { padding:5px; background-color:#fff; } .list_search_box > .list_search_item > a > .search_item { float:left; margin:5px; padding:10px 20px; border-radius:20px; background-color:#545454; font-size:15px; letter-spacing:-0.7px; font-weight:bold; color:#fff; } .list_search_box > .list_search_item > a > .search_item_on { background-color:#E64848; } /* 지역별/역세권검색 */ /* 매물목록 타이틀 */ dl#list_title_tab { width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #000; font-family:'Nanum Square'; font-size:18pt; font-weight:bold; color:#000; } dl#list_title_tab > dd.list_sort_item { float:right; height:32px; margin:0 5px; } dl#list_title_tab > dd.list_sort_item > button { width:32px; height:32px; margin:0; padding:0; background-repeat:no-repeat; border:0; cursor:pointer; } dl#list_title_tab > dd.list_sort_item > button#list_type_webzine { background-image:url("/img/info/ico_list2_off.png"); } dl#list_title_tab > dd.list_sort_item > button#list_type_square { background-image:url("/img/info/ico_list1_off.png"); } dl#list_title_tab > dd.list_sort_item > select.order_item { height:32px; } /* 매물목록 타이틀 */ /* 매물표시 - 사각형사진 */ dd.mgood_item_area { float:left; } .mgood_item_area > .mgood_item_box { margin:0 auto; padding:0 0 10px 0; border:0; background-color:#ededed; cursor:pointer; } .mgood_item_area > .mgood_item_box > .mgood_item_title { width:100%; margin:0; padding:12px 7px; background-color:#5f5f5f; font-size:22px; font-family:'Nanum Square'; font-weight:bold; letter-spacing:-1.5px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .mgood_item_area > .mgood_item_box > .mgood_item_pic { position:relative; margin:15px 15px 10px 15px; padding:0; background-repeat:no-repeat; background-position:center center; background-size:100%; text-align:right; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .cont_comp { position:absolute; width:100px; height:100px; background-repeat:no-repeat; background-size:cover; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_besticon { position:absolute; right:0; padding:5px; font-size:11pt; font-weight:bold; z-index:2; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo { position:absolute; display:none; padding:70px 10px 0 10px; text-align:center; overflow:hidden; z-index:3; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505050+0,505050+100&0.65+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(48,48,48,0.6) 0%, rgba(48,48,48,0.6) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(48,48,48,0.6) 0%,rgba(48,48,48,0.6) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(48,48,48,0.6) 0%,rgba(48,48,48,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc303030', endColorstr='#cc303030',GradientType=0 ); /* IE6-9 */ } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo > .more_icon { position:absolute; width:100%; margin-left:-10px; text-align:center; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo > .more_icon > .mgood_more_icon { display:inline-block; width:60px; height:60px; margin:0 5px; padding:13px; border-radius:30px; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo > .more_icon > .view { background-color:#303030; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo > .more_icon > .mgood_more_icon > img { width:35px; height:35px; } .mgood_item_area > .mgood_item_box > .mgood_item_info { width:90%; margin:10px auto 10px; padding:0 0 10px 0; border-bottom:1px solid #d2d2d2; font-size:16px; text-align:center; } .mgood_item_area > .mgood_item_box > .mgood_item_info > .mgood_item_info_address { font-weight:bold; color:#444; } .mgood_item_area > .mgood_item_box > .mgood_item_info > .mgood_item_info_room { font-weight:normal; color:#777; } .mgood_item_area > .mgood_item_box > .mgood_item_info > .mgood_item_info_size { font-weight:normal; color:#4959aa; } .mgood_item_area > .mgood_item_box > .mgood_item_info > .mgood_item_info_size > .cal_size { padding:0; border:0; background:transparent; font-size:18px; color:#444; cursor:pointer; } .mgood_item_area > .mgood_item_box > .mgood_item_info > .mgood_item_info_bar { padding:0 4px; color:#bab4b4; } .mgood_item_area > .mgood_item_box > .mgood_item_money { width:90%; margin:5px auto; padding:2px 0; text-align:center; } .mgood_item_area > .mgood_item_box > .mgood_item_money > .mgood_item_money_icon { float:left; width:70px; padding:2px 0 0 0; text-align:center; } .mgood_item_area > .mgood_item_box > .mgood_item_money > .mgood_item_money_money { float:right; padding:0 0 0 0; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /* 매물표시 - 사각형사진 */ /* 매물표시 - 긴줄사진 */ dd.list_item_area { position:relative; width:100%; margin:5px 0 0 0; padding:10px 10px 15px 10px; border-bottom:1px solid #a9a9a9; background-color:#fff; overflow:hidden; } dd.list_item_area > a > .item_pics { position:relative; float:left; width:20%; height:100px; margin:5px 0; border:1px solid #ccc; overflow:hidden; } dd.list_item_area > a > .item_pics > .item_besticon { position:absolute; right:0; top:0; padding:5px; font-size:11pt; font-weight:bold; z-index:2; } dd.list_item_area > a > .item_pics > .item_more_pic { position:absolute; right:0; bottom:0; width:40px; height:40px; background-image:url("/img/info/ico_plus.png"); background-repeat:no-repeat; cursor:pointer; z-index:2; } dd.list_item_area > a > .item_pics > .item_pic { position:absolute; width:100%; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; } dd.list_item_area > a > .item_pics > .cont_comp { position:absolute; width:100px; height:100px; background-repeat:no-repeat; background-size:cover; } dd.list_item_area > a > .item_pic_box { position:absolute; top:0; left:21%; padding:5px; border:3px solid #303030; background-color:#fff; z-index:3; display:none; } dd.list_item_area > a > .item_pic_box > .item_preview_pic { float:left; width:88px; height:66px; margin:1px; } dd.list_item_area > a > .item_pic_box > .item_preview_pic > .preview_pics { width:88px; height:66px; } dd.list_item_area > a > .item_money { float:right; width:20%; margin:0 0 5px 0; padding:5px 0; border-radius:10px; background-color:#ededed; text-align:center; } dd.list_item_area > a > .item_money > .item_money_icon { display:inline-block; width:65px; margin:5px 5px 5px 5px; } dd.list_item_area > a > .item_money > .item_money_money { display:inline-block; width:130px; margin:0 10px 0 0; text-align:right; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } dd.list_item_area > .item_info { float:left; width:59%; margin:0 auto; padding:5px; } dd.list_item_area > .item_info > a > .item_bar { float:left; margin:0 5px 5px 5px; padding:7px 0; color:#ccc; } dd.list_item_area > .item_info > a > .item_title { width:100%; margin:5px; padding:5px; background-color:#fff; font-size:24px; font-weight:bold; text-align:left; color:#000; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } dd.list_item_area > .item_info > a > .item_title > .item_code { color:#3d4c5f; } dd.list_item_area > .item_info > a > .item_address { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:18px; font-weight:bold; color:#000; } dd.list_item_area > .item_info > a > .item_category { float:left; margin:0 5px 5px 10px; padding:5px 0; font-size:18px; font-weight:bold; color:#09f; } dd.list_item_area > .item_info > a > .item_size { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:18px; font-weight:bold; color:#270; } dd.list_item_area > .item_info > a > .item_size > span > .cal_size { padding:0; border:0; background:transparent; cursor:pointer; } dd.list_item_area > .item_info > a > .item_room { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:16px; font-weight:normal; } dd.list_item_area > .item_info > a > .item_bath { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:16px; font-weight:normal; } dd.list_item_area > .item_info > a > .item_veranda { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:16px; font-weight:normal; } dd.list_item_area > .item_info > a > .item_floor { float:left; margin:0 5px 5px 0; padding:5px 0; font-size:16px; font-weight:normal; } dd.list_item_area > .item_info > a > .item_train { float:left; margin:0 5px 5px 5px; padding:5px 0; font-size:16px; } dd.list_item_area > .item_info > a > .item_train > .train_line { padding:3px 5px; color:#fff; border-radius:15px; font-weight:bold; } dd.list_item_area > .item_info > a > .item_comment { width:100%; margin:0 5px 5px 5px; padding:5px 0; font-size:16px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } dd.list_item_area > .item_info > a > .item_admin { width:100%; margin:0 0 5px 0; padding:5px; } dd.list_item_area > .item_info > a > .item_admin > .admin_pic { display:table-cell; width:33px; padding:0 10px 0 0; vertical-align: middle; } dd.list_item_area > .item_info > a > .item_admin > .admin_pic > img { width:33px; height:33px; border-radius:17px; } dd.list_item_area > .item_info > a > .item_admin > .admin_info { display:table-cell; padding:0 10px 0 0; font-size:16px; font-weight:normal; vertical-align: middle; } dd.list_item_area > .item_info > a > .item_admin > .admin_info > .point { font-size:18px; font-weight:bold; } /* 매물표시 - 긴줄사진 */ /* 매물금액 표시 */ .mgood_money { margin:3px 0 5px; padding:2px 0; } .icon_money_mae { padding:3px 7px; background-color:#e44947; border:1px solid #c04c4c; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_mae { font-size:20px; font-weight:bold; color:#992424; } .icon_money_bun { padding:3px 7px; background-color:#223bf8; border:1px solid #0b1eaf; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_bun { font-size:20px; font-weight:bold; color:#992424; } .icon_money_fin { padding:3px 7px; background-color:#ca774c; border:1px solid #b36945; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_fin { font-size:20px; font-weight:bold; color:#555; } .icon_money_sil { padding:3px 7px; background-color:#6c4fcd; border:1px solid #4f32ae; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_sil { font-size:20px; font-weight:bold; color:#341e7b; } .icon_money_suic { padding:3px 7px; background-color:#d24474; border:1px solid #ba3e6a; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_suic { font-size:20px; font-weight:bold; color:#992424; } .icon_money_fer { padding:3px 7px; background-color:#8944c8; border:1px solid #713bb8; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_fer { font-size:20px; font-weight:bold; color:#555; } .icon_money_jen { padding:3px 7px; background-color:#f37315; border:1px solid #e05b2b; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_jen { font-size:20px; font-weight:bold; color:#555; } .icon_money_sec { padding:3px 7px; background-color:#a80d0e; border:1px solid #7d0001; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_sec { font-size:20px; font-weight:bold; color:#555; } .icon_money_wol { padding:3px 7px; background-color:#ff205e; border:1px solid #ec0808; border-radius:20px; font-size:17px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } .num_money_wol { font-size:20px; font-weight:bold; color:#555; } .type_money { font-size:17px; font-weight:normal; } /* 매물금액 표시 */ /* 페이징 */ #list_page { position:relative; width:1260px; margin:20px auto; text-align:center; } .page_now { margin:5px 8px; padding:8px 10px; border:1px solid #3d3d3d; background-color:#fff; font-size:16px; font-weight:bold; color:#000; cursor:pointer; } .page_num { margin:5px 8px; padding:8px 10px; border:1px solid #aaa; background-color:#f5f5f5; font-size:16px; font-weight:normal; color:#000; cursor:pointer; } .page_first { margin:5px 8px; padding:12px 10px; border:1px solid #aaa; background-color:#fff; font-size:16px; font-weight:normal; color:#000; cursor:pointer; } .page_pre { margin:5px 8px; padding:12px 10px; border:1px solid #aaa; background-color:#fff; font-size:16px; font-weight:normal; color:#000; cursor:pointer; } .page_next { margin:5px 8px; padding:12px 10px; border:1px solid #aaa; background-color:#fff; font-size:16px; font-weight:normal; color:#000; cursor:pointer; } .page_end { margin:5px 8px; padding:12px 10px; border:1px solid #aaa; background-color:#fff; font-size:16px; font-weight:normal; color:#000; cursor:pointer; } /* 페이징 */ /* 매물상세 */ #maemul_view_area { position:relative; width:1160px; margin:0 auto; background-color:#fff; overflow:hidden; } #maemul_view_area > table.info_box { width:1100px; margin:0 auto; border-top:2px solid #7d7d7d; border-bottom:1px solid #dcddde; } #maemul_view_area > table.info_box > caption { margin:120px 0 0px 0; text-align:center; } #maemul_view_area > table.info_box > caption > .info_title { display:inline-block; padding:20px 40px; font-family:'Nanum Square'; font-size:38px; letter-spacing:-1.5px; font-weight:bold; color:#333333; text-align:left; } #maemul_view_area > table.info_box > caption > .info_title > .info_subtitle { display:none; font-size:38px; font-weight:bold; color:#333333; } #maemul_view_area > table.info_box td.info_t { padding:20px 5px 20px 20px; border-bottom:1px solid #dcddde; background-color:#fff; background-image:url("/img/info/info_ico.gif"); background-repeat:no-repeat; background-position:left center; font-family:'Nanum Square'; font-size:20px; letter-spacing:-0.5px; font-weight:bold; text-align:left; } #maemul_view_area > table.info_box td.info_i { padding:20px 5px 20px 20px; border-bottom:1px solid #dcddde; background-color:#fff; font-size:20px; font-weight:normal; text-align:left; } #maemul_view_area > table.info_box td.info_13 { width:13%; } #maemul_view_area > table.info_box td.info_37 { width:37%; } #maemul_view_area > table.info_box td.info_87 { width:87%; padding-right:5px;} #maemul_view_area > table.info_box td.info_c { text-align:center; } #maemul_view_area > table.info_box td.info_l { text-align:left; } #maemul_view_area > table.info_box td.info_title { font-family:'Nanum Square'; font-weight:bold; } #maemul_view_area > table.info_box td.info_category { font-weight:bold; } #maemul_view_area > table.info_box td.info_code { font-weight:bold; } #maemul_view_area > table.info_box td.info_address { font-weight:bold; } #maemul_view_area > table.info_box td.info_size { font-weight:bold; } #maemul_view_area > table.info_box td.info_floor { font-weight:bold; } #maemul_view_area > table.info_box td.info_room { font-weight:bold; } #maemul_view_area > table.info_box td.info_train { font-weight:bold; } #maemul_view_area > table.info_box td.info_blank { background-image:url(""); } #maemul_view_area > table.info_box td#usr_add_image { width:1100px; margin:0; padding:0; text-align:center; } #maemul_view_area > #info_maemul_title { width:1100px; margin:20px auto 0; padding:15px 10px; background-color:#2f2f2f; border:1px solid #161616; font-family:'Nanum Square'; font-size:25px; font-weight:bold; letter-spacing:-1.7px; color:#fff; text-align:center; } #maemul_view_area > #maemul_pic { display:block; width:1100px; margin:0 auto; padding:0; border:1px solid #dadada; } #maemul_view_area > #maemul_pic_print { display:none; width:1100px; margin:0 auto; padding:10px; border:1px solid #dadada; background-color:#efefef; text-align:center; } #maemul_view_area > #writer_box td.info_i { padding:5px 5px 5px 5px; border-bottom:1px solid #dcddde; line-height:35px; } #maemul_view_area > #writer_box td.writer_pic { padding:10px 5px 0 5px; text-align:center; } #maemul_view_area > #writer_box td.writer_pic > img { width:80px; height:80px; border-radius:50%; } #maemul_view_area > #writer_box td.writer_name { font-size:15px; font-weight:bold; text-align:left; } #maemul_view_area > #writer_box td.writer_kakao { font-size:20px; font-weight:bold; text-align:left; } #maemul_view_area > #writer_box td.writer_tel { font-size:20px; font-weight:bold; text-align:left; } #maemul_view_area > #writer_box td.writer_address { font-size:15px; font-weight:normal; text-align:left; } #maemul_view_area > #writer_box td.info_i > button.view_online_btn { width:220px; margin:0; padding:10px 15px; border:0; background-color:#4e4e4e; font-family:'Nanum Square'; font-size:20px; letter-spacing:-0.5px; font-weight:bold; color:#fff; } #maemul_view_area > #option_box td.info_i > .opt_item { display:table-cell; width:155px; margin:0; padding:0; font-size:18px; font-weight:normal; } #maemul_view_area > #option_box td.info_i > .opt_item > .item_icon { display:inline-block; margin:0 5px 0 0; padding:0; } #maemul_view_area > #option_box td.info_i > .opt_item > .item_icon > img { width:45px; height:45px; } #maemul_view_area > #option_box td.info_i > .opt_item > .icon_on { border-radius:30px; } #view_btns { width:100%; margin:20px 0; text-align:center; } #view_btns > button.view_btn { width:120px; padding:15px 20px; border:0; background-color:#5f5f5f; font-family:'Nanum Square'; font-size:20px; font-weight:bold; letter-spacing:-1.7px; color:#fff; text-align:center; } /* 매물상세 */ /* 추가 페이지 상단(회사소개/개인정보취급방침/이메일무단수집거부/게시판) */ #page_title_area { position:relative; width:100%; text-align:center; } #page_title_area > #title { display:inline-block; margin:25px 0 25px 0; padding:20px 10px 20px 10px; border:0; font-family:'Nanum Square'; font-size:40px; font-weight:bold; letter-spacing:-1.5px; color:#252525; } #page_title_area > #title > #sub_title { color:#666; } /* 추가 페이지 상단(회사소개/개인정보취급방침/이메일무단수집거부/게시판) */ /* 추가 페이지(회사소개/개인정보취급방침/이메일무단수집거부) */ #page_body_area { width:100%; margin:10px 0 20px; padding:10px; border:0; overflow-x:hidden; } ol.notice_body { margin:0; padding:0; } ol.notice_body > li { margin:0 10px 10px 30px; font-size:15px; font-weight:normal; } ol.notice_body > li.depth1 { margin:0 10px 30px 30px; font-size:21px; font-weight:bold; } ol.notice_body > li.depth2 { margin:0 10px 20px 30px; font-size:18px; font-weight:bold; } .notice_subitem { font-size:15px; font-weight:normal; } /* 추가 페이지(회사소개/개인정보취급방침/이메일무단수집거부) */ /* 게시판(일반형) */ #board_list_submenu { width:100%; margin:20px 0 5px; } #board_list_submenu > .item_left { float:left; padding-left:4px; } #board_list_submenu > .item_left > select { width:120px; height:30px; margin:0; } #board_list_submenu > .item_left > input { width:120px; height:30px; margin:0; border:1px solid #707070; } #board_list_submenu > .item_left > button { width:80px; height:30px; margin:0; border:1px solid #707070; background-color:#707070; font-size:14px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; } #board_list_submenu > .item_right { float:right; padding-right:4px; } #board_list_submenu > .item_right > button { width:80px; height:30px; margin:0; border:1px solid #707070; background-color:#707070; font-size:14px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; } dl#board_list_box { width:100%; margin:0; padding:0; } dl#board_list_box > dd.list_item_t { float:left; padding:20px 0; border-right:1px solid #fff; background-color:#707070; font-family:'Nanum Square'; font-size:20px; font-weight:bold; letter-spacing:-1.7px; color:#fff; text-align:center; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } dl#board_list_box > dd.list_item_t:last-child { border:0; } dl#board_list_box > dd.list_item_number { width:7%; } dl#board_list_box > dd.list_item_title { width:62%; } dl#board_list_box > dd.list_item_writer { width:12%; } dl#board_list_box > dd.list_item_date { width:12%; } dl#board_list_box > dd.list_item_see { width:7%; border-right:0; } dl#board_list_box > dd.online_item_number { width:9%; } dl#board_list_box > dd.online_item_part { width:12%; } dl#board_list_box > dd.online_item_category { width:15%; } dl#board_list_box > dd.online_item_address { width:22%; } dl#board_list_box > dd.online_item_writer { width:14%; } dl#board_list_box > dd.online_item_re { width:14%; } dl#board_list_box > dd.online_item_date { width:14%; border-right:0; } dl#board_item { border-bottom:2px solid #a9a9a9; } dl#board_item > dd.list_item_v { float:left; padding:18px 0; border-right:1px solid #fff; border-bottom:1px solid #e0e0e0; background-color:#fff; font-size:18px; font-weight:normal; letter-spacing:-0.5px; color:#404040; text-align:center; word-break:break-all; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer; } dl#board_item > dd.list_item_number { width:7%; } dl#board_item > dd.list_item_title { width:62%; padding-left:15px; text-align:left; } dl#board_item > dd.list_item_writer { width:12%; } dl#board_item > dd.list_item_date { width:12%; } dl#board_item > dd.list_item_see { width:7%; border-right:0; } dl#board_item > dd.online_item_number { width:9%; } dl#board_item > dd.online_item_part { width:12%; } dl#board_item > dd.online_item_category { width:15%; } dl#board_item > dd.online_item_address { width:22%; } dl#board_item > dd.online_item_writer { width:14%; } dl#board_item > dd.online_item_re { width:14%; } dl#board_item > dd.online_item_date { width:14%; border-right:0; } table.board_box { width:98%; border-top:2px solid #000; } td.board_item { padding:20px 5px; border:1px solid #d6d6d6; background-color:#e0e0e0; font-size:18px; font-weight:bold; text-align:center; } td.board_value { padding:15px 15px; border:1px solid #d6d6d6; background-color:#fff; font-size:18px; font-weight:normal; } td.board_value > INPUT[class="radio"] { width:25px; height:25px; border:0; cursor:pointer; line-height:0px; vertical-align:middle; background-color:transparent; } td.board_value > INPUT[class="btn"] { padding:5px 15px; border:1px solid #616161; background-color:#616161; color:#fff; } td.board_value > .board_small { font-size:15px; font-weight:normal; color:#555; } td.board_value > .board_small_point { margin:2px 0 7px 0; font-size:15px; font-weight:bold; color:#505050; } #board_private_title { margin:20px 0 5px 0; font-family:'Nanum Square'; font-size:20px; font-weight:bold; letter-spacing:-1.7px; } #board_private_btn { margin:20px 0; font-size:15px; text-align:center; } #board_private_btn > INPUT[class="radio"] { width:25px; height:25px; border:0; cursor:pointer; line-height:0px; vertical-align:middle; background-color:transparent; } #board_btns { width:100%; margin:20px 0; text-align:center; } .board_point { font-weight:bold; color:#e00; } button.board_btn { width:80px; height:30px; margin:0; border:0; background-color:#707070; font-size:14px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; } #board_memo { color:#000; } #board_writer { padding:10px; background-color:#e0e0e0; font-size:15px; font-weight:normal; color:#404040; text-align:right; } #board_writer > .board_attr { float:left; margin:5px; font-size:15px; font-weight:normal; color:#555; text-align:left; cursor:pointer; } #board_writer > .board_attr > .attr_size { font-size:13px; font-weight:normal; color:#999; } /* 게시판(일반형) */ /* 게시판(갤러리) */ dd.gallery_item { float:left; width:25%; padding:20px 15px; } dd.gallery_item > .gallery_box { width:100%; margin:0; padding:0; background-color:#ededed; cursor:pointer; } dd.gallery_item > .gallery_box > .item_pic { width:100%; height:190px; background-repeat:no-repeat; background-position:center center; background-size:90% 90%; } dd.gallery_item > .gallery_box > .item_title { padding:10px 10px; background-color:#5f5f5f; font-family:'Nanum Square'; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /* 게시판(갤러리) */ /* 매도매수의뢰(일반형) */ dl#board_list_box > dd#online_list_item_number { width:5%; } dl#board_list_box > dd#online_list_item_part { width:18%; } dl#board_list_box > dd#online_list_item_category { width:14%; } dl#board_list_box > dd#online_list_item_address { width:23%; } dl#board_list_box > dd#online_list_item_writer { width:13%; } dl#board_list_box > dd#online_list_item_re { width:13%; } dl#board_list_box > dd#online_list_item_date { width:13%; } dl#board_list_box > dd.online_list_item_v_number { float:left; width:5%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_part { float:left; width:18%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_category { float:left; width:14%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_address { float:left; width:23%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_writer { float:left; width:13%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_re { float:left; width:13%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } dl#board_list_box > dd.online_list_item_v_date { float:left; width:13%; margin:0 1px 0 0; padding:13px 0; border-bottom:1px solid #d6d6d6; background-color:#fff; font-size:11pt; font-weight:normal; color:#000; text-align:center; } table.online_view_box { width:98%; border-top:2px solid #000; table-layout:fixed; } td.online_view_item { width:15%; padding:20px 5px; border:1px solid #d6d6d6; background-color:#e0e0e0; font-size:18px; font-weight:bold; text-align:center; } td.online_view_vals { width:85%; padding:15px 15px; border:1px solid #d6d6d6; background-color:#fff; font-size:18px; font-weight:normal; } /* 게시판(일반형) */ /* 하단영역 */ #index_community { width:100%; height:650px; background-color:#888; background-image:url("/img/footer/community_bg.png"); background-repeat:no-repeat; background-position:center top; } #index_community > #community_area { width:1160px; margin:0 auto; } #index_community > #community_area > #community_title { display:table-cell; width:35%; height:650px; background-image:url("/img/footer/community_txt.png"); background-repeat:no-repeat; background-position:center top; } #index_community > #community_area > #community_items { display:table-cell; width:65%; padding:115px 0; } #index_community > #community_area > #community_items > .bbx_box { float:left; width:367px; height:210px; margin:5px; padding:20px; background-color:#fff; overflow:hidden; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_title { width:100%; padding:0 0 5px 0; border-bottom:1px solid #11172C; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_title > .main_title { font-family:'Nanum Square'; font-size:24px; font-weight:bold; letter-spacing:-1.7px; color:#2f2f2f; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_title > .sub_title { font-size:16px; font-weight:bold; letter-spacing:-1.7px; color:#4a4a4a; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_item { margin:7px 0; font-size:15px; color:#565656; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_item > .item_title { float:left; width:247px; height:20px; line-height:20px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_item > .item_date { float:left; width:80px; height:20px; line-height:20px; text-align:right; } #index_community > #community_area > #community_items > #about_staff { width:744px; height:153px; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item { float:left; width:230px; height:80px; margin:0 2px; padding:3px 0; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_pic { display:table-cell; margin:5px; width:80px; height:80px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_info { display:table-cell; width:140px; padding-left:15px; vertical-align:middle; overflow:hidden; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_info > .staff_introduce_name { margin:5px 0; font-size:14px; font-weight:bold; color:#555; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_info > .staff_introduce_tel { margin:5px 0; font-size:14px; font-weight:bold; color:#8B2816; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_info > .staff_introduce_upmu { margin:5px 0; font-size:14px; font-weight:normal; color:#555; white-space:nowrap; } #connection_sites { width:100%; padding:25px 0; background-color:#e0e0e0; } #connection_sites > #items { width:1160px; margin:0 auto; } #connection_sites > #items > a > .item { float:left; width:180px; height:45px; margin:0 5px; padding:0; border:1px solid #cfcfcf; background-repeat:no-repeat; background-position:center center; } #copyright { width:100%; background-color:#444; } #copyright > #footer_menu { width:1160px; margin:0 auto; padding:15px 0; color:#f5f5f5; } #copyright > #footer_menu > .menu_item { margin:0 10px; font-family:'Nanum Square'; font-size:17px; letter-spacing:-0.7px; font-weight:normal; text-decoration:none; } #copyright > #footer_menu > .menu_item a { color:#f5f5f5; text-decoration:none; } #copyright > #footer_menu > .menu_bar { margin:0 10px; font-family:'Nanum Square'; font-size:17px; letter-spacing:-0.7px; font-weight:normal; color:#f5f5f5; } #copyright > #footer_menu > #btn_private a { font-weight:bold; color:#fff; } #copyright > #footer_menu > #customer { margin:0 30px 0 0; font-size:20px; } #copyright > #footer_menu > #customer > #point { font-size:28px; color:#ffff87; } #copyright > #company_info { width:100%; border-top:1px solid #323232; padding:15px 0; font-size:14px; letter-spacing:-0.7px; font-weight:normal; color:#f5f5f5; } #copyright > #company_info > #info_box { display:table; width:1210px; margin:10px auto; } #copyright > #company_info > #info_box > #footer_logo { float:left; display:table-cell; width:300px; text-align:center; vertical-align:middle; } #copyright > #company_info > #info_box > #footer_logo > img { max-width:290px; } #copyright > #company_info > #info_box > #footer_txt { float:left; display:table-cell; width:810px; margin:0 0 0 10px; vertical-align:middle; } #copyright > #company_info > #info_box > #footer_txt > .menu_item { display:inline-block; margin:4px 10px; } #copyright > #company_info > #info_box > #footer_txt > #copyright { display:block; margin:4px 10px; } #copyright > #company_info > #info_box > #btns_sswebplus { float:left; display:table-cell; width:85px; margin:0; vertical-align:middle; } #copyright > #company_info > #info_box > #btns_sswebplus > button { margin:0; padding:0; width:37px; height:37px; margin:1px; border:0; border-radius:5px; background-color:#236a9f; font-size:22px; color:#fff; text-align:center; cursor:pointer; } #copyright > #company_info > #info_box > #btns_sswebplus > #btn_footer_sswebplus { background-image:url('/img/footer/btn_sswebplus.gif'); background-position:center center; } /* 하단영역 */ /* 추가 페이지 - 직원소개 */ #staff_introduce { position:relative; width:100%; margin:0 0 10px 0; font-family:'Nanum Gothic',sans-serif; } #staff_introduce > a > .staff_introduce_item { float:left; width:31%; margin:10px; padding:0; background-color:#fff; border:1px solid #e9e9e9; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_name { width:100%; margin:0; padding:10px; background-color:#13315c; font-size:16pt; font-weight:normal; letter-spacing:-1px; color:#fff; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_name > .staff_introduce_upmu { font-size:14pt; font-weight:normal; letter-spacing:-1px; color:#ccc; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_pic { float:left; width:100px; height:100px; margin:10px; padding:0; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:contain; overflow:hidden; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info { float:left; margin:10px 0; padding:0; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p { margin:10px 0 0 0; padding:0; font-size:14pt; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p > .staff_introduce_part { font-size:12pt; font-weight:normal; color:#686d7a; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p > .staff_introduce_tel { font-size:14pt; font-weight:normal; letter-spacing:-0.5px; color:#333; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p > .staff_introduce_hp { font-size:14pt; font-weight:normal; letter-spacing:-0.5px; color:#cc2020; } #staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p > .staff_introduce_kakao { font-size:14pt; font-weight:normal; letter-spacing:-0.5px; color:#333; } #staff_introduce > a > .staff_introduce_item > p { margin:10px 0; text-align:center; } #staff_introduce > a > .staff_introduce_item > p > .staff_link { width:90%; padding:10px; border:0; background-color:#686d7a; border-radius:5px; font-size:12pt; font-weight:normal; letter-spacing:-1px; color:#fff; text-align:center; cursor:pointer; } /* 추가 페이지 - 직원소개 */ /* 포인트 */ #top_navi { background-color:#236a9f; } #top_navi > ul#top_menubar > li a { border-bottom:2px solid #236a9f; color:#fff; } /* over 처리 sswebplus.js - $(tmenu_position).css( "border-bottom" , "2px solid #ffc502"); */ #top_navi > ul#top_menubar > li.menu_item_point a > .point { color:#eaff00; } .top_submenu > .menu_box > .item_title { border-left:5px solid #236a9f; color:#404040; } #main_banner { height:600px; } dl.right_menu > dt { background-color:#236a9f; } dl.right_menu > dd { border-bottom:1px solid #696969; background-color:#363636; } #index_search_box { background-color:#303030; } #index_search_box > .search_submit { background-color:#236a9f; } .map_item > .map_item_count { background-color:#236a9f; } .mgood_item_area > .mgood_item_box > .mgood_item_pic > .mgood_item_overinfo > .more_icon > .cart { background-color:#236a9f; } #maemul_view_area > #option_box td.info_i > .opt_item > .icon_on { background-color:#79b0d0; } /* 포인트 */ /* 반응형 대응 */ @media (min-width:1500px) { #top_menu { width:1300px; } #top_navi > ul#top_menubar { width:1300px; } .top_submenu > .menu_box { width:1300px; } #main_banner > #main_banner_txt { width:1300px; } #area_body { width:1360px; } #area_body > #contents_body { width:1300px; } dl#index_menu_items { width:1300px; } dl#index_menu_items > a > dd.items { padding:20px; } #index_community > #community_area { width:1300px; } #index_community > #community_area > #community_items > .bbx_box { width:412px; } #index_community > #community_area > #community_items > .bbx_box > a > .bbs_item > .item_title { width:292px; } #index_community > #community_area > #community_items > #about_staff { width:834px; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item { width:250px; margin:7px; } #index_community > #community_area > #community_items > #about_staff > a > .staff_introduce_item > .staff_introduce_info { width:160px; } #connection_sites > #items { width:1300px; } #connection_sites > #items > a > .item { width:195px; height:45px; margin:0 10px; } } /* 반응형 대응 */