/* 기본 세팅 */

:root {
  /* 컬러 */
  --main-color: #3d3d7e;
  --sub-color: #7b7bbd;
  --dark-main-color: #1b1b72;
  --point-color: #585897;
  --reset-color: #434343;
  --map-color: #3e4c5f;
  --option-color: #eebfc0;
  --btn-footer: #a6a6dd;
  --slide-color01: #555595;
  --slide-color02: #7a79bd;
  --c-text: #2b2b2b;
  --c-muted: #5f6368;
  --c-accent: #4f46e5;
  --c-soft: #f5f7fa;
  --c-border: #e0e3e7;
  --dong-color01: #222838;
  --dong-color02: #484f69;
  --dong-hover-color: #222839;

  /* 폰트 */
  --font-main: "Pretendard", "Noto Sans KR", sans-serif;
  --font-sub: "Nanum Gothic";
  --font-sub01: "Nanum Square";
}
html {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
*:focus {
  outline: none;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: var(--font-sub);
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

p,
form,
.clear_left,
.clear_right,
.clear_both,
dl,
dd,
img,
button {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
button {
  background-color: #fff;
  outline: 0;
}

A:link,
A:active,
A:visited,
A:hover {
  color: #000;
  text-decoration: none;
}

input {
  height: 27px;
  font-family: var(--font-sub);
  font-size: 16px;
  border: 1px solid #d6d6d6;
  padding: 0 3px;
  outline: 0;
}
::-webkit-input-placeholder[class="radio"] + label,
.radio {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 0;
  line-height: 0px;
  vertical-align: bottom;
  background-color: transparent;
  cursor: pointer;
}
::-webkit-input-placeholder[class="radio"] + label {
  outline: 0;
}
select {
  height: 27px;
  font-family: var(--font-sub);
  font-size: 16px;
  outline: 0;
}
textarea,
.fileField {
  font-family: var(--font-sub);
  outline: 0;
}

dl {
  list-style-type: none;
}
table {
  border: 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
th,
td {
  font-family: var(--font-sub);
}
.btn {
  padding: 5px 8px;
  border: 1px solid #fff;
  background-color: #fff;
  cursor: pointer;
}
.clear_left {
  clear: left;
}
.clear_right {
  clear: right;
}
.clear_both {
  clear: both;
}
.bold {
  font-weight: 700;
}
.white_700 {
  font-weight: 700;
  color: #fff;
}

.not_found {
  margin: 10px 0;
  font-size: 14pt;
  font-weight: 700;
  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+ */
}
/* 레이어영역 */

/* 상단영역 */

.headerBox {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

header h1 {
  text-align: center;
}
header h1 a {
  display: inline-block;
  height: 100%;
}

header h1 a img {
  max-width: 473px;
  max-height: 105px;
  aspect-ratio: 473/105;
}

.callBox {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.callBox .blink {
  color: var(--point-color);
  font-weight: 600;
  font-size: 30px;
  margin-left: 10px;
}
.menubar {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: var(--font-sub01);
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.7px;
}

.menubar ul {
  background-color: var(--main-color);
  height: 50px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
}

.menubar li {
  padding: 0px;
  width: 20%;
}

.menubar li a {
  background: var(--main-color);
  color: #ffffff;
  display: block;
  font-weight: 700;
  line-height: 50px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.menubar li a:hover,
.menubar ul li:hover a,
.menubar li a.on {
  background: var(--sub-color);
  color: #ffffff;
  text-decoration: none;
}

#map_tooltip {
  position: absolute;
  z-index: 1;
  padding: 0px;
  margin: 0 -10px 0 10px;
}
#map_tooltip > .map_item_name,
#map_tooltip > .map_item_count {
  width: 50%;
  margin: 0;
  padding: 5px 10px 7px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
#map_tooltip > .map_item_name {
  background-color: #3f3f3f;
  border-radius: 15px 0 0 15px;
}
#map_tooltip > .map_item_count {
  background-color: #58abab;
  border-radius: 0 15px 15px 0;
  margin-left: -1px;
}
/* 상단영역 */

/* 메인배너 */
.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;
}

#area_header_banner {
  width: 100%;
  height: 500px;
  max-height: 500px;
  min-height: 500px;
  margin: 0 auto;
}

#area_header_banner .swiper-slide {
  position: relative;
}

#area_header_banner .swiper-slide .banner_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--font-sub);
  text-align: center;
  width: 590px;
}
#area_header_banner .swiper-slide .banner_txt.content01 h2::before,
#area_header_banner .swiper-slide .banner_txt.content01 p::before,
#area_header_banner .swiper-slide .banner_txt.content02 h2::before,
#area_header_banner .swiper-slide .banner_txt.content02 p::before {
  position: absolute;
  /* left: 0; */
  -webkit-text-stroke: 4px #fff;
  z-index: -1;
}
#area_header_banner .swiper-slide .banner_txt.content01 h2::before {
  content: attr(data-content01);
}

#area_header_banner .swiper-slide .banner_txt.content01 p::before {
  content: attr(data-content02);
}

#area_header_banner .swiper-slide .banner_txt.content02 h2::before {
  content: attr(data-content03);
}

#area_header_banner .swiper-slide .banner_txt.content02 p::before {
  content: attr(data-content04);
}

#area_header_banner .swiper-slide .banner_txt h2 {
  font-size: 50px;
  color: #000;
  font-size: 50px;
  letter-spacing: -1.75px;
  margin-bottom: 15px;
  font-weight: 600;
}

#area_header_banner .swiper-slide .banner_txt h2 span {
  color: #f41317;
}

#area_header_banner .swiper-slide .banner_txt > p {
  font-size: 34px;
  letter-spacing: -1.75px;
  font-family: var(--font-sub);
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}

#area_header_banner .swiper-slide .banner_txt > p span {
  color: var(--main-color);
}

#area_header_banner .swiper-slide .banner_txt ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  list-style: none;
  width: 590px;
}

#area_header_banner .swiper-slide .banner_txt ul li {
  background: linear-gradient(
    to right,
    var(--slide-color01) 50%,
    var(--slide-color02) 50%
  );
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 23px;
  color: #fff;
  font-weight: 500;
  position: relative;
  filter: drop-shadow(4px 0 0 #ffffffd5) drop-shadow(-4px 0 0 #ffffffd5)
    drop-shadow(0 4px 0 #ffffffd5) drop-shadow(0 -4px 0 #ffffffd5);
  row-gap: 13px;
  letter-spacing: -1.75px;
}

.icon_write img {
  transform: translateX(5px);
}
#main_map,
#main_search,
#main_sms {
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 50px;
  width: 1100px;
  border: 3px solid var(--map-color);
  z-index: 1;
  background-color: #fff;
}
#main_map {
  height: 480px;
}
#main_search,
#main_sms {
  padding: 10px;
}
#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+ */
}
/* 메인배너 */

/* 지도 */
#map_area {
  width: 100%;
  height: 474px;
  margin: 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: 700;
  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,
.map_item > .map_item_count {
  display: table-cell;
  margin: 0;
  padding: 0 10px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.map_item > .map_item_name {
  min-width: 65px;
  border-radius: 15px 0 0 15px;
  background-color: #333;
  white-space: nowrap;
}
.map_item > .map_item_count {
  min-width: 30px;
  border-radius: 0 15px 15px 0;
  font-family: var(--font-sub);
  font-size: 15px;
}
/* 지도 */

/* 본문 - 좌측/중앙/우측 영역 설정 */
#area_body {
  display: block;
  position: relative;
  width: 100%;
  margin: 0px auto;
  text-align: center;
  padding-top: 0px;
}
#area_body > #contents_left {
  float: left;
  position: relative;
  width: 220px;
}
#area_body > #contents_right {
  position: fixed;
  top: 152px;
  right: 0;
  width: 53px;
  z-index: 6;
  overflow: hidden;
}
#area_body > #contents_body {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  overflow: hidden;
  text-align: center;
  padding-top: 0px;
}

/* 본문 - 좌측/중앙/우측 영역 설정 */

/* 검색 */
.searchBox {
  position: relative;
  width: 100%;
  max-width: 1400px;
  min-width: 1400px;
  margin: 0px auto;
  overflow: hidden;
  text-align: center;
  padding: 0px 0 10px 0;
  font-family: var(--font-sub);
  font-size: 18px;
  font-weight: 700;
  padding-top: 30px;
}
.searchBox > div {
  width: 100%;
  height: 98px;
  text-align: left;
  padding: 10px;
  background-color: var(--sub-color);
}
.searchL {
  float: left;
  width: 333px;
  height: 80px;
  text-align: center;
  margin: 0 auto;
}
.searchR {
  float: left;
}
.sarchName {
  width: 294px;
  height: 34px;
  font-weight: 700;
  font-size: 18px;
  color: #414141;
}
.search_btn01,
.search_btn02 {
  float: left;
  height: 34px;
  color: #fff;
  margin: 7px 0 0 8px;
  padding: 7px;
  cursor: pointer;
  text-align: center;
}
.search_btn01 {
  width: 142px;
  background-color: var(--dark-main-color);
}
.search_btn02 {
  width: 143px;
  background-color: var(--reset-color);
}
.priceBox {
  float: left;
  padding-top: 5px;
}
.search_title {
  margin: 0;
  padding: 10px 0;
  font-family: var(--font-sub01);
  font-size: 30px;
  font-weight: 700;
  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_part,
.search_box .search_items_part1 {
  display: table-cell;
  width: 120px;
  margin: 0;
  padding: 0 10px;
  border-bottom: 1px solid #e0e0e0;
  background-color: #f2f2f2;
  font-family: var(--font-sub01);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #424242;
}
.search_box .search_items_part {
  height: 40px;
  line-height: 50px;
}

.search_box .search_items_part1 {
  height: 55px;
  line-height: 65px;
}
.search_box .search_items_part1 > .point,
.search_box .search_items_part > .point {
  float: left;
  margin-right: 5px;
  font-size: 15px;
  line-height: 40px;
  color: #424242;
}

.search_box > .search_items > .search_items_vals {
  position: relative;
  display: table-cell;
  margin: 0;
  padding: 0 10px;
  border-bottom: 1px solid #e0e0e0;
}
.search_box > .search_items > .search_items_vals > .search_item_money {
  position: absolute;
  top: 0;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .search_item_money_bar {
  display: inline-table;
  width: 340px;
  height: 50px;
  margin: 0;
  padding: 0 10px;
  line-height: 25px;
  text-align: center;
  overflow: hidden;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .search_item_money_bar
  > .search_item_money_txt {
  float: left;
  width: 80px;
  margin: 11px 15px 11px 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #555;
  text-align: center;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .search_item_money_bar
  > .search_money_txt {
  float: left;
  width: 220px;
  height: 27px;
  margin: 0;
  padding: 0 2px;
  border: 0;
  font-size: 14pt;
  font-weight: 700;
  color: #e00;
  text-align: center;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .search_item_money_bar
  > .search_money_txt
  > .search_money_won {
  font-size: 11pt;
  font-weight: normal;
  color: #555;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .search_item_money_bar
  > .search_money_slider {
  float: left;
  width: 200px;
  height: 18px;
  margin: 0;
  padding: 0;
}
.search_box
  > .search_items
  > .search_items_vals
  > .search_item_money
  > .money_comment {
  font-size: 13px;
  font-weight: normal;
  margin-left: 10px;
}
.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 > #titlei {
  width: 200px;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
}
.search_buttons {
  width: 100%;
  text-align: center;
}
.search_buttons > button {
  margin: 20px 5px;
  padding: 0;
  border: 0;
  cursor: pointer;
}
/* 검색 */

/* sms */
.sms_title {
  margin: 0;
  padding: 10px 0;
  font-family: var(--font-sub01);
  font-size: 30px;
  font-weight: 700;
  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: 120px;
  margin: 5px;
  border: 1px solid #e0e0e0;
}
.sms_box > #sms_infos > #sms_info {
  float: left;
  width: 205px;
  overflow: hidden;
}
.sms_box > #sms_infos > #sms_info > .info_item,
.sms_box > #sms_infos > #sms_info > .info_vals {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.sms_box > #sms_infos > #sms_info > .info_item {
  display: inline-block;
  width: 90px;
  margin: 5px;
  padding: 7px 15px;
  border-radius: 20px;
  background-color: #3d3d3d;
  color: #fff;
  text-align: center;
}
.sms_box > #sms_infos > #sms_info > .info_vals {
  display: inline-block;
  margin: 3px 0;
  padding: 5px;
  color: #444;
  text-align: left;
}
.sms_box > #sms_infos > #sms_info > .basic_sms {
  display: block;
  margin: 5px 0;
  font-family: var(--font-sub01);
  font-size: 20px;
  line-height: 45px;
  font-weight: 700;
  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: var(--font-sub01);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 60px;
  color: #424242;
}
.sms_box > #sms_form .sms_items_part > .point {
  float: left;
  margin-right: 5px;
  font-size: 15px;
  line-height: 60px;
  color: #424242;
}
.sms_box > #sms_form .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_vals > .sms_item {
  height: 30px;
}
.sms_box #sms_form .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#left_items {
  width: 220px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dl#left_items > a > dd.left_item {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #d3d3d3;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
dl#left_items > dd.left_item {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #d3d3d3;
  background-repeat: no-repeat;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
dl#left_items > dd.left_item > dl.left_area {
  width: 200px;
  margin: 0 10px 10px;
  padding: 0;
  list-style-type: none;
}
dl#left_items dd.area_d1 {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 10px 0;
  border: 2px solid var(--dong-color01);
}
dl#left_items dd.area_d2 {
  float: left;
  width: 50%;
  margin: 0;
  padding: 3px;
}
dl#left_items dd.area_d2 > .area_txt {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #d3d3d3;
}

dl#left_items dd.area_d3 {
  float: left;
  width: 100%;
  margin: 0;
  padding: 3px;
}
dl#left_items dd.area_d3 > .area_txt {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #d3d3d3;
}

dl#left_items dd.area_d4 {
  width: 100%;
  margin: 0;
  margin-top: -3px;
}
dl#left_items dd.area_d4 > .area_txt {
  margin: 0;
  padding: 10px 0;
  border: 1px solid #d3d3d3;
}

#left_tel {
  width: 218px;
  font-family: var(--font-sub01);
  font-size: 27px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #cc2020;
  text-align: center;
}
.area_gu {
  font-family: var(--font-sub01);
  font-size: 23px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -1px;
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--dong-color01)+0,484f69+100 */
  background: var(--dong-color01); /* Old browsers */
  background: -moz-linear-gradient(
    top,
    var(--dong-color01) 0%,
    var(--dong-color02) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    var(--dong-color01) 0%,
    var(--dong-color02) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    var(--dong-color01) 0%,
    var(--dong-color02) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.area_dong {
  background-color: #fff;
  font-size: 15px;
  font-weight: 700;
  color: #3d3d3d;
  letter-spacing: -0.5px;
  text-align: center;
}
.area_dong:hover {
  background-color: var(--dong-hover-color);
  color: #fff;
}

/* 카테고리 */
dl#left_items > dd.left_item {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #d3d3d3;
  background-repeat: no-repeat;
  font-family: var(--font-sub);
  font-size: 16px;
  font-weight: 700;
  color: #3d3d3d;
  text-align: left;
}
.menu {
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.menu span {
  cursor: pointer;
  color: #3d3d3d;
  padding: 10px;
  width: 100%;
  float: right;
  font-size: 12px;
  color: #999;
  width: 40px;
  text-align: center;
  margin-top: -10px;
}
.menu a {
  cursor: pointer;
  color: #3d3d3d;
  width: 100%;
}
.menu .hide {
  display: none;
  text-align: center;
  background-color: #efefef;
  margin-top: 10px;
  width: 208px;
  color: #fff;
}
.menu .hide a {
  cursor: pointer;
  color: #fff;
}
.menu .hide li {
  padding: 5px;
  margin: 5px;
  color: #fff;
}
.menu .hide li > .box_bun {
  width: 23%;
  background-color: #ab57ff;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 5px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.menu .hide li > .box_mae {
  width: 23%;
  background-color: #e44947;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin: 0 5px 10px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.menu .hide li > .box_jun {
  width: 23%;
  background-color: #00bbbb;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin: 0 5px 10px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.menu .hide li > .box_wol {
  width: 23%;
  background-color: #ff6a6a;
  border-radius: 3px;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

/* 좌측메뉴 */

/* 우측메뉴 */
dl.right_menu {
  width: 160px;
  margin: 0;
  padding: 0 10px 0 0;
  border-radius: 10px;
  background-color: #444;
  list-style: none;
  overflow: hidden;
}
dl.right_menu > dt {
  padding: 5px 10px;
  cursor: pointer;
}
dl.right_menu > dd {
  padding: 6px 10px;
  font-family: var(--font-sub);
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
dl.right_menu > dd:last-child {
  border: 0;
}
/* 우측메뉴 */

/* 지역별/역세권검색 */
#search_area_title {
  display: none;
  width: 100%;
  float: left;
}
#search_train_title {
  display: none;
  padding: 10px 0 50px 0;
  width: 100%;
  float: left;
}
.list_search_box {
  display: none;
  margin: 0px;
  padding: 0px;
}
.list_search_box > .list_search_item {
  background-color: #fff;
  padding: 0 0 5px 10px;
}
.list_search_box > .list_search_item > a > .search_item {
  float: left;
  margin: 5px 5px 0 0;
  padding: 7px 10px;
  border-radius: 5px;
  background-color: #545454;
  font-size: 15px;
  font-weight: 700;
  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: 30px 0 10px 0;
  border-bottom: 2px solid #000;
  font-family: var(--font-sub01);
  font-size: 20pt;
  font-weight: 700;
  color: #000;
  text-align: left;
}
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;
}
.main_good_title {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
}
.main_good_title > .item_more {
  position: absolute;
  top: 0;
  right: 0;
  margin: 5px;
  border: 0;
}
.main_good_title > .item_title {
  margin: 0;
  top: 0px;
  padding: 0 0 10px 0;
  font-family: var(--font-sub01);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--dong-color01);
}

.main_good_title > .item_title > .item_point,
.main_good_title > .item_title > .item_point1,
.main_good_title > .item_title > .item_subtitle {
  font-weight: 600;
}

.main_good_title > .item_title > .item_point1,
.main_good_title > .item_title > .item_subtitle {
  font-size: 22px;
}

.main_good_title > .item_title > .item_point {
  font-size: 26px;
  color: #000;
}
.main_good_title > .item_title > .item_point1 {
  color: #333333;
  margin-left: 10px;
}
.main_good_title > .item_title > .item_subtitle {
  color: #ff3c3c;
}

/* 매물목록 타이틀 */

/* 매물표시 - 사각형사진 */
dl.main_good_item_box {
  width: 100%;
  max-width: 1400px;
  min-width: 1400px;
}
dd.mgood_item_area {
  float: left;
  max-width: 25%;
  margin: 0;
  padding: 10px;
  min-width: 350px;
}
.mgood_item_area > .mgood_item_box {
  margin: 0 auto;
  padding: 8px;
  border: 0;
  cursor: pointer;
  border: 3px solid #fff;
  border-radius: 5px;
  min-width: 330px;
}
.mgood_item_area > .mgood_item_box:hover {
  margin: 0 auto;
  padding: 8px;
  border: 0;
  cursor: pointer;
  border: 3px solid var(--point-color);
  border-radius: 5px;
  min-width: 330px;
}

.mgood_item_area > .mgood_item_box > .mgood_item_pic {
  position: relative;
  margin: 0px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 307px;
  height: 230px;
  min-width: 307px;
  min-height: 230px;
  max-width: 307px;
  max-height: 230px;
  text-align: left;
}
.mgood_item_box > .mgood_item_pic > .cont_comp {
  position: absolute;
  width: 307px;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 307px;
  max-height: 230px;
}
.mgood_item_box > .mgood_item_pic > .mgood_item_besticon {
  position: absolute;
  right: 0;
  padding: 5px;
  font-size: 11pt;
  font-weight: 700;
  z-index: 2;
  margin-top: 0px;
}
.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+ */
}
.mgood_item_box > .mgood_item_pic .more_icon {
  position: absolute;
  width: 100%;
  margin-left: -10px;
  text-align: center;
}
.mgood_item_box > .mgood_item_pic .mgood_more_icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 0 5px;
  padding: 13px;
  border-radius: 30px;
}
.mgood_item_box > .mgood_item_pic .more_icon > .view {
  background-color: #303030;
}
.mgood_item_box > .mgood_item_pic .mgood_more_icon > img {
  width: 35px;
  height: 35px;
}

.mgood_item_area .mgood_item_info {
  width: 95%;
  margin: 10px auto 5px;
  padding: 5px 0 5px 0;
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mgood_item_area .mgood_item_info1 {
  width: 95%;
  margin: 10px auto 5px;
  padding: 0 0 0px 0;
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mgood_item_info > .mgood_item_info_address {
  font-weight: 700;
  color: #444;
  font-size: 19px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mgood_item_info1 > .mgood_item_info_number {
  font-weight: 700;
  color: #ff6464;
  font-size: 18px;
  text-align: center;
}
.mgood_item_box > .mgood_item_info1 > .mgood_item_info_dong {
  font-weight: 700;
  color: #000000;
  margin-left: 10px;
  font-size: 17px;
  text-align: center;
}

.mgood_item_box > .mgood_item_info1 > .mgood_item_info_room {
  font-weight: 700;
  color: var(--c-accent);
  margin-left: 10px;
  font-size: 17px;
  text-align: center;
}

.mgood_item_box .mgood_item_info_dong > .item_bar {
  margin: 0 5px 0px 5px;
  padding: 0px 0;
}

.mgood_item_box > .mgood_item_info1 > .mgood_item_info_size {
  font-weight: normal;
  color: #339933;
  padding: 2px 0 5px 0;
  margin-left: 10px;
  font-size: 17px;
  text-align: center;
}
.mgood_item_box .mgood_item_info_size > .cal_size {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 18px;
  color: #444;
  cursor: pointer;
  margin-left: 3px;
}
.mgood_item_box > .mgood_item_info > .mgood_item_info_size {
  font-weight: normal;
  color: #4959aa;
}
.mgood_item_box .mgood_item_info_size > .cal_size {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 18px;
  color: #444;
  cursor: pointer;
  margin-left: 3px;
}
.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: 95%;
  margin: 5px auto;
  padding: 2px 0;
  text-align: center;
}
.mgood_item_box > .mgood_item_money > .mgood_item_money_icon {
  float: left;
  width: 70px;
  padding: 2px 0 0 0;
  text-align: left;
}
.mgood_item_box > .mgood_item_money > .mgood_item_money_money {
  float: right;
  padding: 1px 0 0 0;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* 매물표시 - 사각형사진 */

/* 매물표시 - 긴줄사진 */

dd.mgood_item_area_list {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 10px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  overflow: hidden;
}
.mgood_item_area_list > .mgood_item_box {
  float: left;
  margin: 0 auto;
  padding: 0px;
  border: 0;
  cursor: pointer;
}

.mgood_item_area_list > .mgood_item_box > .mgood_item_pic {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 177px;
  height: 133px;
  min-width: 177px;
  text-align: left;
}
.mgood_item_box > .mgood_item_pic > .cont_comp {
  position: absolute;
  width: 177px;
  height: 133px;
  background-repeat: no-repeat;
  background-size: cover;
}
.mgood_item_box > .mgood_item_pic > .mgood_item_besticon {
  position: absolute;
  right: 0;
  padding: 5px;
  font-size: 11pt;
  font-weight: 700;
  z-index: 2;
  margin-top: 0px;
}
.mgood_item_area_list > .mgood_item_overinfo {
  float: left;
  position: relative;
  width: 1191px;
  margin-left: 10px;
  padding: 0px;
  background-color: #fff;
  text-align: left;
  color: #000;
}

.mgood_item_area_list > .mgood_item_overinfo > .maemul_item_list {
  float: left;
  position: relative;
  width: 712px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  text-align: left;
  color: #000;
}
.mgood_item_overinfo > .maemul_item_list > .maemul_item_title {
  padding: 5px;
  font-weight: 700;
  color: #333333;
  text-align: left;
  font-size: 19px;
}

.mgood_item_overinfo > .maemul_item_list > .maemul_item {
  float: left;
  display: inline-block;
  padding: 5px;
  font-size: 17px;
  color: #333333;
  text-align: center;
}

.mgood_item_overinfo .maemul_item .item_nomal {
  float: left;
  margin: 0;
  padding: 0px;
  font-size: 17px;
  padding-right: 10px;
}

.mgood_item_overinfo .maemul_item .item_nomal_member {
  float: left;
  margin: 0;
  padding: 5px;
  font-size: 16px;
  padding-right: 0px;
  background-color: #f1f1f1;
  font-weight: 700;
}

.mgood_item_overinfo .item_nomal_member > .tel {
  margin: 0;
  font-weight: 700;
  color: #ff0000;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 17px;
}

.mgood_item_area_list .item_nomal_member > .cal_size {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 20px;
}

.mgood_item_overinfo .item_size > .mgood_item_info_size {
  font-weight: 500;
}

.mgood_item_area_list .maemul_item .item_train {
  float: left;
  margin: 0 0px 0px 10px;
  padding: 0px;
  font-size: 15px;
}
.mgood_item_overinfo .item_train > .train_line {
  padding: 3px;
  color: #fff;
  border-radius: 5px;
  font-weight: 700;
  font-size: 12px;
}

.mgood_item_overinfo > .maemul_item_list .item_money_list {
  margin: 0px;
  padding: 0px 0;
  float: left;
  text-align: center;
}

.mgood_item_overinfo > .maemul_item_list .item_money_list > .item_money_icon {
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: center;
  font-size: 12px;
}
.mgood_item_overinfo > .maemul_item_list .item_money_list > .item_money_money {
  float: left;
  padding: 0px 15px 0px 5px;
  text-align: center;
  margin-top: -2px;
}

.mgood_item_area_list > .mgood_item_overinfo > .maemul_item_money {
  float: right;
  position: relative;
  width: 230px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  text-align: left;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.mgood_item_area_list > .mgood_item_overinfo > .maemul_item_money > .box {
  float: left;
  width: 210px;
  margin: 3px;
  padding: 5px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #f9f9f9;
  background-color: #f1f1f1;
  border-radius: 5px;
}

/* 매물표시 - 긴줄사진 */

/* 매물금액 표시 */
.mgood_money {
  margin: 3px 0 5px;
  padding: 2px 0;
}

[class^="icon_money_"] {
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 700;
  color: #fff;
  float: left;
}

[class^="num_money_"] {
  font-size: 20px;
  font-weight: 700;
  color: #555;
  float: right;
}

.icon_money_mae {
  background-color: #e44947;
  border: 1px solid #e44947;
}
.num_money_mae {
  color: #ff6464;
}
.icon_money_bun {
  background-color: #569acf;
  border: 1px solid #569acf;
}
.num_money_bun {
  color: #ff6464;
}
.icon_money_fin {
  background-color: #ca774c;
  border: 1px solid #ca774c;
}

.icon_money_sil {
  background-color: #6c6cff;
  border: 1px solid #6c6cff;
}
.num_money_sil {
  color: #341e7b;
}
.icon_money_suic {
  background-color: #d24474;
  border: 1px solid #d24474;
}
.num_money_suic {
  color: #ff6464;
}
.icon_money_fer {
  background-color: #8944c8;
  border: 1px solid #8944c8;
}

.icon_money_jen {
  background-color: #2492ff;
  border: 1px solid #2492ff;
}

.icon_money_sec {
  background-color: #ff8040;
  border: 1px solid #ff8040;
}

.icon_money_wol {
  background-color: #ff6a6a;
  border: 1px solid #ff6a6a;
}

.type_money {
  font-size: 12px;
  font-weight: 500;
}
/* 매물금액 표시 */

/* 페이징 */
#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: 700;
  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: 1160px;
  margin: 0 auto;
  border-top: 2px solid #7d7d7d;
  border-bottom: 1px solid #dcddde;
}
#maemul_view_area > table.info_box > caption {
  margin: 120px 0 20px 0;
  text-align: center;
}
#maemul_view_area > table.info_box > caption > .info_title {
  font-family: var(--font-sub01);
  font-size: 28px;
  font-weight: 700;
  color: var(--slide-color01);
  letter-spacing: -0.7px;
}
#maemul_view_area > table.info_box > caption > .info_title > .info_subtitle {
  font-family: var(--font-sub01);
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
#maemul_view_area > table.info_box td.info_t,
#maemul_view_area > table.info_box td.info_i {
  border-bottom: 1px solid #dcddde;
  background-color: #fff;
}
#maemul_view_area > table.info_box td.info_t {
  padding: 10px 0px 10px 20px;
  font-family: var(--font-sub01);
  font-size: 14px;
  letter-spacing: -0.5px;
  font-weight: 700;
  text-align: center;
}
#maemul_view_area > table.info_box td.info_i {
  padding: 10px 50px 10px 0px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
#maemul_view_area > table.info_box td.info_13 {
  width: 11%;
}
#maemul_view_area > table.info_box td.info_13 > .view_item_title {
  padding: 7px;
  background-color: var(--sub-color);
  color: #ffffff;
  width: 100px;
  min-width: 100px;
  border-radius: 3px;
}

#maemul_view_area > table.info_box td.info_37 {
  width: 39%;
  padding-left: 10px;
}
#maemul_view_area > table.info_box td.info_87 {
  width: 87%;
  padding-right: 5px;
}
#maemul_view_area > table.info_box td.info_c,
#maemul_view_area > table.info_box td.info_l {
  text-align: left;
}

#maemul_view_area > table.info_box td.info_title {
  font-family: var(--font-sub01);
  font-weight: 700;
  font-size: 18px;
}
#maemul_view_area > table.info_box td.info_category,
#maemul_view_area > table.info_box td.info_code,
#maemul_view_area > table.info_box td.info_address,
#maemul_view_area > table.info_box td.info_size,
#maemul_view_area > table.info_box td.info_floor,
#maemul_view_area > table.info_box td.info_room,
#maemul_view_area > table.info_box td.info_train {
  font-weight: 700;
}

#maemul_view_area > table.info_box td.info_blank {
  background-image: url("");
}

#maemul_view_area > table.info_box td#usr_add_image,
#maemul_view_area > #info_maemul_title {
  width: 1160px;
  text-align: center;
}

#maemul_view_area > table.info_box td#usr_add_image {
  margin: 0;
  padding: 0;
}
#maemul_view_area > #info_maemul_title {
  margin: 20px auto 0;
  padding: 15px 10px;
  background-color: var(--sub-color);
  border: 1px solid var(--sub-color);
  font-family: var(--font-sub01);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -1.7px;
  color: #fff;
  text-align: center;
}
#maemul_view_area > #maemul_pic,
#maemul_view_area > #maemul_pic_print {
  width: 1160px;
  margin: 0 auto;
  border: 1px solid #dadada;
}
#maemul_view_area > #maemul_pic {
  display: block;
  padding: 0;
}
#maemul_view_area > #maemul_pic_print {
  display: none;
  padding: 10px;
  background-color: #efefef;
  text-align: center;
}
#maemul_view_area > #writer_box td.info_i {
  padding: 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: 10px;
}
#maemul_view_area > #writer_box td.writer_name {
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}
#maemul_view_area > #writer_box td.writer_kakao,
#maemul_view_area > #writer_box td.writer_tel {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

#maemul_view_area > #writer_box td.writer_address {
  font-size: 15px;
  font-weight: 500;
  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: var(--font-sub01);
  font-size: 20px;
  letter-spacing: -0.5px;
  font-weight: 700;
  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: var(--main-color);
  font-family: var(--font-sub01);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1.7px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

/* 매물상세 */

/* 추가 페이지 상단(회사소개/개인정보취급방침/이메일무단수집거부/게시판) */
#page_title_area {
  position: relative;
  width: 100%;
  text-align: center;
}
#page_title_area > #title {
  display: inline-block;
  margin: 25px 0 0 0;
  padding: 20px 10px 20px 10px;
  border: 0;
  font-family: var(--font-sub01);
  font-size: 40px;
  font-weight: 700;
  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;
}

[data-privacy] {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 32px 48px 32px;
  background: #fff;
  font-family: var(--font-main);
  font-size: 15px;
  line-height: 1.75;
  color: var(--c-text);
  text-align: left; /* 항상 왼쪽 정렬 */
}

/* 최상위 목록 */
.notice_body {
  margin: 0;
  padding-left: 1.4rem;
  list-style: decimal;
}

/* 1단계 */
.notice_body .depth1 {
  margin: 2rem 0 1rem;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--c-text);
}
.notice_body .depth1::marker {
  color: var(--c-accent);
  font-weight: 700;
}

/* 2단계 */
.notice_body .depth2 {
  margin: 1rem 0 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--c-text);
  list-style-type: disc;
}
.notice_body .depth2::marker {
  color: var(--c-accent);
}

/* 하위 ol */
.notice_body li > ol.notice_body {
  margin-top: 0.4rem;
  padding-left: 1.2rem;
}
.notice_body li > ol.notice_body > li {
  margin-top: 0.3rem;
  font-weight: 400;
  color: var(--c-muted);
  list-style-type: circle;
}

/* 설명 블록 */
.notice_subitem {
  margin: 0.6rem 0 1rem;
  padding: 0.9rem 1.1rem;
  background: var(--c-soft);
  border-left: 4px solid var(--c-accent);
  border-radius: 6px;
  font-size: 0.95rem;
  color: var(--c-muted);
  line-height: 1.65;
}

/* 링크 */
.notice_body a {
  color: var(--c-accent);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid var(--c-accent);
}
.notice_body a:hover {
  opacity: 0.85;
}

/* 섹션 구분선 */
.notice_body .depth1 + .depth1 {
  border-top: 1px solid var(--c-border);
  padding-top: 1.8rem;
}

/* 추가 페이지(회사소개/개인정보취급방침/이메일무단수집거부) */

/* 추가 페이지 - 직원소개 */
#staff_introduce {
  width: 100%;
  margin: 0 0 10px 0;
}
#staff_introduce > a > .staff_introduce_item {
  float: left;
  width: 360px;
  margin: 10px;
  padding: 0;
  background-color: #e9e9e9;
}
#staff_introduce > a > .staff_introduce_item > .staff_introduce_name {
  width: 100%;
  margin: 0;
  padding: 10px;
  background-color: #070b17;
  font-family: var(--font-sub01);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}
#staff_introduce
  > a
  > .staff_introduce_item
  > .staff_introduce_name
  > .staff_introduce_upmu {
  font-family: var(--font-sub);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ccc;
}
#staff_introduce > a > .staff_introduce_item > .staff_introduce_pic {
  float: left;
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  overflow: hidden;
}
#staff_introduce > a > .staff_introduce_item > .staff_introduce_info {
  float: left;
  width: 228px;
  margin: 10px 0;
  padding: 0;
}
#staff_introduce > a > .staff_introduce_item > .staff_introduce_info > p {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 20px;
}
#staff_introduce
  > a
  > .staff_introduce_item
  > .staff_introduce_info
  > p
  > .staff_introduce_part {
  font-size: 15px;
  font-weight: normal;
  color: #686d7a;
}

#staff_introduce > a > .staff_introduce_item [class^=".staff_introduce_"] {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #333;
}

#staff_introduce > a > .staff_introduce_item .staff_introduce_hp {
  color: #cc2020;
}

#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-family: var(--font-sub);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
/* 추가 페이지 - 직원소개 */

/* 게시판(일반형) */
#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,
#board_list_submenu > .item_left > input {
  width: 120px;
  height: 30px;
  margin: 0;
}
#board_list_submenu > .item_left > input,
#board_list_submenu > .item_left > button,
#board_list_submenu > .item_right > button {
  border: 1px solid var(--sub-color);
}

#board_list_submenu > .item_left > button,
#board_list_submenu > .item_right > button {
  background-color: var(--sub-color);
  width: 80px;
  height: 30px;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

#board_list_submenu > .item_right {
  float: right;
  padding-right: 4px;
}
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: var(--sub-color);
  font-family: var(--font-sub01);
  font-size: 20px;
  font-weight: 700;
  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,
dl#board_list_box > dd.list_item_see {
  width: 7%;
}
dl#board_list_box > dd.list_item_title {
  width: 62%;
}
dl#board_list_box > dd.list_item_writer,
dl#board_list_box > dd.list_item_date,
dl#board_list_box > dd.online_item_part {
  width: 12%;
}

dl#board_list_box > dd.list_item_see {
  border-right: 0;
}
dl#board_list_box > dd.online_item_number {
  width: 9%;
}

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,
dl#board_list_box > dd.online_item_re,
dl#board_list_box > dd.online_item_date {
  width: 14%;
}

dl#board_list_box > dd.online_item_date {
  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,
dl#board_item > dd.list_item_see {
  width: 7%;
}
dl#board_item > dd.list_item_title {
  width: 62%;
  padding-left: 15px;
  text-align: left;
}
dl#board_item > dd.list_item_writer,
dl#board_item > dd.list_item_date,
dl#board_item > dd.online_item_part {
  width: 12%;
}
dl#board_item > dd.online_item_number {
  width: 9%;
}
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,
dl#board_item > dd.online_item_re,
dl#board_item > dd.online_item_date {
  width: 14%;
}
dl#board_item > dd.online_item_date,
dl#board_item > dd.list_item_see {
  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: var(--sub-color);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
td.board_value {
  padding: 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 {
  font-size: 15px;
  font-weight: 700;
  color: #505050;
}
#board_private_title {
  margin: 20px 0 5px 0;
  font-family: var(--font-sub01);
  font-size: 20px;
  font-weight: 700;
  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: 700;
  color: #e00;
}
button.board_btn {
  width: 80px;
  height: 30px;
  margin: 0;
  border: 0;
  background-color: var(--sub-color);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#board_memo {
  color: #000;
}
#board_writer {
  padding: 10px;
  background-color: var(--sub-color);
  font-size: 15px;
  font-weight: normal;
  color: #fff;
  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;
  background-color: #5f5f5f;
  font-family: var(--font-sub01);
  font-size: 20px;
  font-weight: 700;
  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,
dl#board_list_box > dd.online_list_item_v_number {
  width: 5%;
}
dl#board_list_box > dd#online_list_item_part,
dl#board_list_box > dd.online_list_item_v_part {
  width: 18%;
}
dl#board_list_box > dd#online_list_item_category,
dl#board_list_box > dd.online_list_item_v_category {
  width: 14%;
}
dl#board_list_box > dd#online_list_item_address,
dl#board_list_box > dd.online_list_item_v_address {
  width: 23%;
}
dl#board_list_box > dd#online_list_item_writer,
dl#board_list_box > dd#online_list_item_re,
dl#board_list_box > dd#online_list_item_date,
dl#board_list_box > dd.online_list_item_v_writer,
dl#board_list_box > dd.online_list_item_v_re,
dl#board_list_box > dd.online_list_item_v_date {
  width: 13%;
}
dl#board_list_box > dd[class^="online_list_item_v_"] {
  float: left;
  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: var(--sub-color);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
td.online_view_vals {
  width: 85%;
  padding: 15px 15px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
}
/* 게시판(일반형) */

/* 퀵메뉴 */
.fixed-top {
  position: fixed;
  bottom: auto;
  top: 200px;
  right: 5px;
  z-index: 99;
}
.fixed a {
  border-radius: 50%;
  margin: 3px;
}
/* 퀵메뉴 */

/* 하단영역 */
#copyright_banner {
  float: left;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #52a3a3;
  padding: 20px;
  min-width: 1400px;
}

#copyright {
  width: 100%;
  background-color: var(--sub-color);
  overflow: hidden;
  min-width: 1400px;
  text-align: center;
}
#footer_menu {
  width: 1400px;
  margin: 0 auto;
  padding: 15px 0;
  color: #fff;
  text-align: center;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 60px;
  font-weight: 600;
  font-family: var(--font-sub01);
  font-size: 17px;
}
#footer_menu .menu_item {
  margin: 0 10px;
  letter-spacing: -1px;
  font-weight: 700;
  text-decoration: none;
}
#footer_menu .menu_item a {
  color: #fff;
  text-decoration: none;
}
#footer_menu .menu_bar {
  margin: 0 10px;
  letter-spacing: -0.7px;
  font-weight: normal;
  color: #d5d5d5;
}
#footer_menu > #btn_private a {
  font-weight: 700;
  color: #fff;
}
#footer_menu > #customer {
  margin: 0 30px 0 0;
  font-size: 20px;
}
#footer_menu #point {
  color: #ffff87;
}

#copyright > #company_info {
  width: 100%;
  padding: 15px 0;
  font-size: 14px;
  letter-spacing: -0.7px;
  font-weight: normal;
  color: #fff;
  background-color: var(--point-color);
}
#copyright #info_box {
  display: table;
  width: 1400px;
  margin: 10px auto;
}

#footer_txt,
#footer_logo,
#btns_sswebplus {
  float: left;
  display: table-cell;
  vertical-align: middle;
}
#footer_logo {
  width: 300px;
  text-align: center;
}
#footer_logo > img {
  max-width: 290px;
}
#footer_txt {
  width: 1000px;
  margin: 0 0 0 10px;
}
#footer_txt > .menu_item,
#footer_txt > #copyright {
  margin: 4px 10px;
}

#footer_txt > .menu_item {
  display: inline-block;
}
#copyright {
  display: block;
}

#btns_sswebplus {
  width: 85px;
  margin: 0;
}
#btns_sswebplus > button {
  margin: 0;
  padding: 0;
  width: 37px;
  height: 37px;
  margin: 1px;
  border: 0;
  border-radius: 5px;
  background-color: var(--btn-footer);
  font-size: 22px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
#copyright > #company_info #btn_footer_sswebplus {
  background-image: url("/img/footer/btn_sswebplus.gif");
  background-position: center center;
}

#footer {
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 72px;
  margin: 0;
  padding: 20px;
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
#footer > .footer_title {
  font-size: 14px;
}
#footer > .view_online_btn,
#footer > .view_online_btn a:hover {
  color: #ff0;
}
#footer > .view_online_btn {
  width: 100px;
  margin: 0;
  padding: 10px;
  border: 0;
  font-family: var(--font-sub);
  font-size: 17px;
  font-weight: 700;
  border-radius: 5px;
  border: 2px solid #ff0;
}
#footer > .view_online_btn a:hover {
  text-decoration: none;
}

/* 하단영역 */

/* 포인트 */
#top_navi > ul#top_menubar > li a {
  border-bottom: 3px solid #070b17;
  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: #fcfeb5;
}
.top_submenu > .menu_box > .item_title {
  border-left: 5px solid #cc2020;
  color: #fff;
}

dl.right_menu > dt {
  background-color: #214141;
}
dl.right_menu > dd {
  border-bottom: 1px solid #696969;
  background-color: #363636;
}

.map_item > .map_item_count,
.mgood_item_area .mgood_item_overinfo > .more_icon > .cart {
  background-color: #b31617;
}
#maemul_view_area > #option_box td.info_i .icon_on {
  background-color: var(--option-color);
}
/* 포인트 */

.sms_info {
  border-right: #ffffff 0px solid;
  border-top: #ffffff 0px solid;
  font-size: 11pt;
  word-spacing: -0.1em;
  border-left: #ffffff 0px solid;
  color: #494949;
  line-height: 17px;
  border-bottom: #ffffff 0px solid;
  background-color: transparent;
  text-decoration: none;
  overflow-y: hidden;
  word-spacing: -1px;
}
.radio2 {
  border: 0;
  line-height: 0px;
  width: 15px;
  vertical-align: middle;
  background-color: transparent;
}

.search_menu {
  height: 36px;
  width: 145px;
  font-weight: 700;
  font-size: 18px;
  color: #414141;
}

@media (max-width: 1024px) {
  .callBox {
    display: none;
  }
}