body {background-color:#fbfcfd;}
.tile {height:90px; cursor:pointer;}
.inner-table {
  display: table; width:100%; height:100%
}
.inner-cell {
  display: table-cell;vertical-align: middle; text-align:center; 
}
.gray {background-color: #dddddd;}
.gray .title { color:#000; font-size:1rem; white-space: nowrap; margin-left:-15px; margin-right:-15px;}
.gray .sub { color:RGBA(0,0,0,.7); font-size:0.8rem; }

.rdm-color {background-color: #5F81C1; }
.rdm-color .title, .rdm-color2 .title { color:#fff; font-size:1rem; white-space: nowrap; margin-left:-15px; margin-right:-15px;}
.rdm-color .sub, .rdm-color2 .sub { color:RGBA(255,255,255,.7); font-size:0.8rem; }

.rdm-color2 {background-color: #28a745; }

.rdm-color,
.rdm-color2 {
    transition: background-color 0.5s ease; 
}

.header {font-weight:bold; font-size:1.2rem; padding-bottom:10px;}
.header i {float:right; margin-top:5px; color:#999;}

.latest {background-color:#fff; margin-left:-15px !important; margin-right:-15px !important;}
.latest div.list div {text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:2px 2px;}
.latest div.wikiList {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.9;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.latest div.wikiList a {display:inline-block; margin-right:18px;}
.latest div a {color:#212529;}
.latest div a:hover {color:cornflowerblue; text-decoration:none}

@media (min-width: 576px) {
  .ad-panel {
    min-height: 104px;
  }
}

@media (min-width: 768px) {
  .latest.left {margin-right:0px !important;}
}

.menu-set a.btn {
  margin-bottom:5px;
  margin-right:5px;
  position:relative;
  color: white;
}

.fixed-set a.btn {
  width:30%;
  color: white;
}

.tile.gray .seeAll {display: none;}

@media (max-width: 576px) {
  .tile.gray .sub {display: none}
  .tile.gray .seeAll {display: inline-block;}
}

.rc .region1 {width:13%}
.rc .region2 {width:10%}
.rc .region3 {width:13%}
.rc .complex {width:38%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.rc .price {width:10%; text-align: right}
.rc .date {width:15%}

@media (max-width: 991.8px) {
  .rc .region1 {display:none}
  .rc .region2 {width:20%}
  .rc .region3 {width:15%}
  .rc .complex {width:35%}
  .rc .price {width:15%}
  .rc .date {width:15%}
}

@media (max-width: 576px) {
  .rc .region1 {display:none}
  .rc .region2 {display:none}
  .rc .region3 {width:20%}
  .rc .complex {width:35%}
  .rc .price {width:15%}
  .rc .date {width:15%}
}

/* 1) 기본 (xs: <576px) */
.ad-slot {
  display: block;
  width: 100%;
  height: 50px !important;   /* 모바일 초소형 화면용 */
}

/* 2) sm (≥576px) */
@media (min-width: 576px) {
  .ad-slot {
    height: 60px !important;  /* 작은 화면─작은 태블릿 등 */
  }
}

/* 3) md (≥768px) */
@media (min-width: 768px) {
  .ad-slot {
    height: 90px !important;  /* 일반 데스크톱/태블릿 화면 */
  }
}

/* 4) lg (≥992px) */
@media (min-width: 992px) {
  .ad-slot {
    height: 90px !important;  /* 넓은 데스크톱 화면 (변경 없거나 동일하게 유지) */
  }
}

/* 5) xl (≥1200px) */
@media (min-width: 1200px) {
  .ad-slot {
    height: 90px !important;  /* 초대형 데스크톱 화면 (가로폭이 넓어도 수평 배너 높이 유지) */
  }
}

/* 6) xxl (≥1400px) */
@media (min-width: 1400px) {
  .ad-slot {
    height: 90px !important;  /* 더 큰 화면에서도 동일 배너 높이 */
  }
}